Voor de liefhebber: Ken je deze niet-alledaagse HTML-tags al?

Jeroen Hoekstra | unknown | Programmeren en techniek

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.

Alphamega Hosting B.V.
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/

Website supporters

Doe mee! Word ook WebsiteSupporter!

Ontvang gratis elke week een verbetersuggestie voor je website, inclusief speciaal stappenplan om je site succesvol te maken.

Klik hier om je in te schrijven!

Domeinnaam-check

Domeinnamen v.a. € 1,- p/m. Check of jouw ideale domeinnaam nog vrij is:

www.
Powered by AlphamegaHosting

Thema van de week:

Ben jij al bekend met de verborgen gevaren van het maken van speciale landingspagina's?

Google is er meestal niet blij mee en kan je zelfs volledig uit Google verwijderen! En er zijn nog meer issues met die landingspagina's.

Klik hier en ontdek de issues en de oplossingen.

Onze visie:

Dat elke WebsiteSupporter binnen een jaar een meet-
baar succesvollere website heeft.

Door elke week, rond een gezamenlijk thema, verbeter-
punten aan onze websites door te voeren en anderen daarbij te helpen.

Powered by...

WebsiteSupporters is een initiatief van AlphamegaHosting.com en WebsiteKlusjes.com. Het ervaren personeel van deze bedrijven is regelmatig te vinden op de forums van deze site.
Privacy Contact Sitemap Copyright 2009 Alphamega Hosting B.V.
Log in / Registreer
Zoek