Voor de liefhebber: Ken je deze niet-alledaagse HTML-tags al?
In dit artikel gaan we een aantal HTML-tags bekijken die je waarschijnlijk nog nooit gebruikt hebt en waar je misschien zelfs nog nooit van gehoord hebt. Zijn ze dan wel echt nodig, zou je nu kunnen gaan denken? De tags die we hier gaan bespreken kunnen best handig zijn in bepaalde situaties. Laten we ze eerst opsommen en er daarna wat dieper op ingaan:
1. <acronym>
2. <abbr>
3. <address>
4. <cite>
5. <del> en <ins>
Heb je deze tags al eens gezien, laat staan gebruikt? Ik ben ze zelf al weleens tegengekomen maar heb ze eerlijk gezegd nog nooit gebruikt. Waarom kunnen ze dan handig zijn? Laten we ze eens nader bekijken:
De acronym-tag (acronym = acroniem oftewel letterwoord) kan gebruikt worden voor afkortingen en dan met name voor degene die je als een woord kunt uitspreken. Denk hierbij aan afkortingen zoals AJAX (Nee, niet de voetbalclub, maar Asynchronous JavaScript And XML) of LAN (Local Area Network). Deze afkortingen spreek je niet letter voor letter uit, maar als een woord.
Voor de andere afkortingen is er de abbr-tag (abbreviation = afkorting). Afkortingen zoals HTML kun je hiermee aangeven. Met de 'title'-attribuut kun je vervolgens aangeven wat de afkorting betekent. In een HTML-document zou het er dan zo uitzien:
<acronym title="Asynchronous JavaScript And XML">AJAX</acronym><br />
<abbr title="HyperText Markup Language">HTML</abbr>
* Klik hier voor meer uitleg over hoe je deze code op je website kunt plaatsen.
AJAX
HTML
Ga je nu met je muiscursor over deze woorden in je HTML-document, dan verschijnt de tekst van het title-attribuut. als een tooltip.
Met de address-tag kun je bijvoorbeeld je contactgegevens benadrukken. In je HTML-document zie het er dan als volgt uit:
<address>
Alphamega Hosting B.V.<br />
De Vest 1B<br />
5555 XL Valkenswaard<br />
Nederland
</address>
De tekst zal in de meeste gevallen schuingedrukt op je HTML-pagina worden weergegeven.
De Vest 1B
5555 XL Valkenswaard
Nederland
De cite-tag kun je gebuiken voor bijvoorbeeld citaten en/of bronverwijzingen. Stel dat we als bronverwijzing een voorgaand WSM-nummer hebben gebruikt, dan kunnen we dat in HTML als volgt weergeven:
Bron: <cite>Web Succes Magazine 160</cite>
Bron: Web Succes Magazine 160
De tekst zal in de meeste gevallen schuingedrukt of onderstreept op je HTML-pagina worden weergegeven.
De del- en ins-tags worden veelal in combinatie gebruikt. Met de del-tag kun je aangeven dat een bepaald deel van een zin of tekst gewijzigd of verwijderd is. Veelal wordt deze tekst dan doorgestreept weergegeven. Met de ins-tag kun je dan aangeven wat ervoor in de plaats is gekomen. Deze tekst wordt meestal onderstreept weergegeven.
Je kunt deze tags als het ware gebruiken voor versiebeheer. De wijzigingen worden namelijk benadrukt. Verder kun je met het 'datetime'-attribuut aangeven wanneer de wijziging heeft plaatsgevonden. In HTML-code ziet het er dan als volgt uit:
Vandaag is het <del datetime="2009-06-23">maandag</del>
<ins datetime="2009-06-23">dinsdag</ins>
Vandaag is het maandag
dinsdag
Het woord 'maandag' wordt dan op je HTML-pagina doorgestreept weergegeven en 'dinsdag' wordt onderstreept weergegeven. Het hangt er een beetje vanaf hoe de browser deze tags verwerkt. Als een bepaalde browser deze tags niet kent, dan zal de tekst normaal, dus zonder het effect, worden weergegeven.
De besproken tags kunnen dus best handig zijn voor bepaalde opmaaktoepassingen. HTML kent zeker nog meer van deze exotische HTML-tags. Je kunt er op onderstaande websites meerdere van terugvinden:
- http://www.handleidinghtml.nl/
- http://www.w3schools.com/tags/
- http://htmldog.com/reference/htmltags/


