Naar de inhoud
Gratis naslagwerk over HTML
HTML leren en naslaan
Naslag / Tekst en koppen

Het element <i>

Het <i>-HTML-element vertegenwoordigt een stuk tekst dat om een bepaalde reden wordt onderscheiden van de normale tekst, zoals idiomatische tekst, technische termen, taxonomische aanduidingen, en meer. Historisch gezien werd dit weergegeven met cursieve letters, wat de oorsprong is van de naam <i> voor dit element.

Auteur: Maarten Soetens

Code 
<p>I looked at it and thought <i>This can't be real!</i></p>

<p>
  <i>Musa</i> is one of two or three genera in the family <i>Musaceae</i>; it
  includes bananas and plantains.
</p>

<p>
  The term <i>bandwidth</i> describes the measure of how much information can
  pass through a data connection in a given amount of time.
</p>
Resultaat in de browser

Attributen

Dit element bevat alleen de globale attributen.

Gebruiksnotities

  • Gebruik het <i>-element voor tekst die om leesbaarheidsredenen wordt onderscheiden van de normale doorlopende tekst. Het gaat om een stuk tekst met een andere semantische betekenis dan de omringende tekst. Enkele gebruiksscenario's voor het <i>-element zijn stukken tekst die een andere kwaliteit of modus van tekst vertegenwoordigen, zoals:

    • Een alternatieve stem of stemming
    • Taxonomische aanduidingen (zoals het geslacht en de soort "Homo sapiens")
    • Idiomatische termen uit een andere taal (zoals "et cetera"); deze moeten het lang-attribuut bevatten om de taal aan te duiden
    • Technische termen
    • Transliteraties
    • Gedachten (zoals "Ze vroeg zich af, Waar heeft deze schrijver het toch over?")
    • Namen van schepen of vaartuigen in westerse schrijfsystemen (zoals "Ze doorzochten de haven op zoek naar de Empress of the Galaxy, het schip waaraan ze waren toegewezen.")

  • In eerdere versies van de HTML-specificatie was het <i>-element slechts een presentationeel element om tekst cursief weer te geven, net zoals het <b>-element werd gebruikt om tekst vetgedrukt weer te geven. Dit is niet langer het geval, aangezien deze tags nu semantiek definiëren in plaats van typografisch uiterlijk. Een browser zal de inhoud van het <i>-element doorgaans nog steeds cursief weergeven, maar is per definitie niet meer verplicht dit te doen. Om tekst cursief weer te geven, moeten auteurs de CSS-eigenschap font-style gebruiken.

  • Zorg ervoor dat de betreffende tekst niet eigenlijk beter met een ander element kan worden gemarkeerd.

    • Gebruik <em> om nadruk (stress emphasis) aan te geven.
    • Gebruik <strong> om belang, ernst of urgentie aan te geven.
    • Gebruik <mark> om relevantie aan te geven.
    • Gebruik <cite> om de titel van een werk te markeren, zoals een boek, toneelstuk of lied.
    • Gebruik <dfn> om de definiërende instantie van een term te markeren.

Voorbeelden

Dit voorbeeld laat zien hoe je het <i>-element gebruikt om tekst te markeren die in een andere taal is geschreven.

HTML
<p>
  The Latin phrase <i lang="la">Veni, vidi, vici</i> is often mentioned in
  music, art, and literature.
</p>

Resultaat

Technische samenvatting

Inhoudscategorieën Flow content, phrasing content, palpable content.
Toegestane inhoud Phrasing content.
Weglaten van tags Niet toegestaan, zowel de begin- als de eindtag zijn verplicht.
Toegestane oudertags Elk element dat phrasing content toestaat.
Impliciete ARIA-rol generic
Toegestane ARIA-rollen Elke
DOM-interface HTMLElement

Zie ook

Verwante elementen

<abbr> <b> <bdi> <bdo> <blockquote> <br> <cite> <code>