Vraagt Koen, in verband met een discussie over <em> versus <i> en <strong> versus <b>:

Hoe komt het dat ik zowel met <em> als met <i> italiek kan maken. Uit wat jullie schrijven maak ik op dat daar een soort ideologisch dispuut achter schuilgaat?

Jawel, inderdaad. De twee hebben hun eigen plaats, en zijn eigenlijk niet hetzelfde, al doen ze in de praktijk wel meestal hetzelfde.

Als ik <i> gebruik, dan wil ik letterlijk zeggen: “zet dit in italiek”, ‘t is te zeggen schuingeschreven. Als ik <b> gebruik, dan wil ik ook zeggen “zet dit vet”, ‘t is te zeggen in een zwaarder lettertype dan de gewone tekst.

Dat zou in de volgende paragraaf dus op zijn plaats zijn:

Vermeld in uw bibliografie de geciteerde werken steeds op de volgende wijze:

Vuijlsteke, M., Knowledge creates fear of God. The Unauthorized Autohagiography of C.Q. Necrovore. Part III , with appendices and tables, AKZ Press, Gent, 1992, xlvii+1089 p.

Achternaam, inita(a)l(en), titel, uitgeverij, plaats, datum, aantal pagina’s. De naam van de auteur moet vet staan, en de titel van het werk schuingedrukt. Als uw typmachine geen italiek font heeft, mag u de titel onderlijnen.

Wat hierboven gebeurt, is dat er uitdrukkelijk gezegd wordt hoe iets er moet uitzien. Dat heeft niets met de inhoud te maken, het is een vorm van opmaak.

Als ik <em> of <strong> gebruik, dan wil dat zeggen: “ik wil hier de nadruk op leggen”. Allebei zijn nadruk, allebei zijn een instructie aan het programma dat de HTML opmaakt om weer te geven dat de auteur een nadruk wou leggen.

Dat zou in de volgende paragraaf bijvoorbeeld op zijn plaats zijn:

Godvermiljaardenondedju!” riep boer Adiel. Of wacht. Zei ik dat hij riep? Neen, roepen kon men zoiets niet meer noemen. Krijsen, eerder.

Meestal wordt  <em> als italiek en <strong> als vet weergegeven, dat zijn allebei manieren om een nadruk te leggen waar we al jaren mee omgaan, en we weten wanneer we het ene en wanneer we het andere gebruiken.

Maa in theorie zouden <em> of <strong> op een andere manier uitgesproken kunnen worden in een schermlezer voor blinden en slechtzienden, bijvoorbeeld.

Of zou je kunnen zeggen dat <strong> niet in het vet zou gezet worden, maar bijvoorbeeld een lichtgele achtergrond zou krijgen om aan te duiden dat het om belangrijke tekst gaat.

Het verschil tussen <em>/<i> en <strong>/<b> is in de praktijk niet echt van enorm belang, maar het is een uitloper van een ruimere discussie.

Die discussie gaat over hoeveel van de vorm er in de HTML-code moet gestoken worden. HTML, zeggen velen, is er enkel om de structuur aan te geven. De vorm, die zetten we erop via CSS—een style sheet.

Dus dat men niet meer dit doet:

<p><font face="Arial" color="red" size="4"><b>Opgelet! Dit is een gevaarlijke operatie!</b></font></p>

maar wel dit:

<p class="waarschuwing">Opgelet! Dit is een gevaarlijke operatie!</p>

en dan in een style sheet—één apart bestandje—zeggen dat alle paragrafen van de klasse “waarschuwing” in Arial moeten gezet worden, in het rood, en wat groter:

p.waarschuwing {
   font-family: Arial;
   color: red;
   font-size: 2.0em;
}

Het voordeel is duidelijk: als ik zou beslissen dat ik waarschuwingen toch liever zwart in het italiek op een oranje achtergrond zet, dan zou ik in het eerste voorbeeld overal die codes moeten veranderen. In het tweede geval moet ik alleen color: red vervangen door color: black; background-color: orange en font-style: italic toevoegen.

Het wordt er ook allemaal eenvoudiger op om te lezen en te onderhouden, en het is ook properder: in het bovenstaande geval kan nóg veel tekst rood en vet zijn, maar daarmee is het nog niet noodzakelijk een waarschuwing.

En ook filosofisch zit het snorder (meer snor?): HTML wordt gebruikt voor enkel de structuur, CSS wordt gebruikt voor de opmaak.



Reacties

7 reacties op “Ideologisch dispuut”

  1. Het verschil tussen <em> en <i> is het snelst duidelijk bij geneste opmaak:

    <em>Hij zei: <em>Nee!</em> en ging zitten.</em>

    Dit is zinnige opmaak en het kan met CSS als

    em { font-style: italic; };
    em em { font-style: normal; };

    zo gerenderd worden:

    Hij zei: Nee! en ging zitten.

    Het alternatief
    <i>Hij zei: <i>Nee!</i> en ging zitten.</i>

    zegt nogal weinig over je bedoeling…

  2. En wat met de lezers die reacties zetten op je blog? em of i gebruiken?

  3. Dank u Michel.

  4. @Ben De Rydt: waarom moet die hele “Hij zei”-constructie benadrukt worden? Ik bekijk het meestal zo: spreek ik het uit met nadruk? Zo nee, dan zijn em en strong niet de juiste elementen.

    Concreet: hier zou ik eventueel de constructie tussen een p met class-attribuut kiezen, en het dan opmaken. De “Nee!” blijft wel met nadruk, en dus in een em-element.

  5. @Jan! ‘t Is inderdaad vergezocht en <q> zou hier inderdaad beter zijn, maar het verschil tussen vormelijke en semantische opmaak is toch duidelijk, niet? Ik vind in ieder geval de combinatie <em>...<em>...</em>...</em> duidelijker dan <em> en <strong> door elkaar, maar ik heb het niet voor <strong> omdat ik dat bijna onbeleefd vind op een Comic Sans MS-achtige manier. ‘t Is ook net teveel typwerk om vlot ertussen te schrijven.

    Afin, het verschil tussen tabellen en divs zou denk ik een beter onderwerp zijn, en vooral hoe je divs kunt temmen (clearfix en aanverwanten …).

  6. @Michel: dan zou “Hij zei” er niet tussen mogen staan. Het eigenlijke citaat wel, natuurlijk.