Les 2
Attributen in XHTML
In de vorige les hebben we gezien welke regels er gelden voor de tags in XHTML. Nu gaan we kijken wat de regels zijn voor de attributen in XHTML. Als je onze HTML Cursus hebt gelezen dan weet je dat de attributen de extra delen zijn die aan een tag kunnen (en soms moeten) worden toegevoegd, bijvoorbeeld het href attribuut van de <a> tag.
Lowercase
Net als voor de tags in XHTML geldt voor de attributen dat ze lowercase moeten zijn, dus met kleine letters geschreven.
In HTML mocht je dit nog schrijven:
<a HREF="pagina.html">
In XHTML is dit fout en is de juiste wijze om deze code te schrijven:
<a href="pagina.html">
Quotes Gebruiken
In HTML mocht je bij numerieke waarden de quotes weglaten.
In XHTML mag dit niet meer. Alle waarden van attributen moeten nu tussen quotes staan.
In HTML kon je dit bijvoorbeeld gebruiken:
<img src="plaatje.gif" width=100 height=50 alt="Alternatieve tekst">
In XHTML moet je de volgende syntax gebruiken:
<img src="plaatje.gif" width="100" height="50" alt="Alternatieve tekst" />
Geen Attributen meer Minimaliseren!
In HTML was het gebruikelijk om bepaalde attributen te minimaliseren om zo minder code te hoeven typen.
Geminimaliseerde attributen konden er als volgt uitzien:
<option selected>
<frame noresize>
<input checked>
In XHTML is het niet langer toegestaan om deze geminimaliseerde vorm te gebruiken.
Je moet deze attributen nu voluit schrijven.
In XHTML is nu de correcte syntax:
<option selected="selected">
<frame noresize="noresize">
<input checked="checked">
Het id Attribuut in plaats van name
Dit is een grote verandering. In HTML gebruikte je soms voor de tags a, applet, frame, iframe, img en map het name attribuut.
In XHTML is dit name attribuut vervangen door het
id attribuut.
Dus deze HTML code is verouderd:
<img src="plaatje.gif" name="mijnplaatje">
In XHTML moet je deze code hiervoor gebruiken:
<img src="plaatje.gif" id="mijnplaatje" />
Alleen is de bovenstaande XHTML code niet compatible met oudere browsers. Daarom is het verstandig om voorlopig zowel het id attribuut als het name attribuut te gebruiken.
Je krijgt nu dus de volgende code voor de img tag:
<img src="plaatje.gif" id="mijnplaatje" name="mijnplaatje" width="100" height="50" alt="Alternatieve tekst" />
Het target attribuut vervangen
In de strengste versie van XHTML, strict, mag niet langer gebruik gemaakt worden van het target attribuut voor hyperlinks. Veel webmasters gebruiken target om links in een nieuw venster te openen met <a href="http://www.link.nl/" target="_blank">. In XHTML script moet dit anders opgelost worden.
Een veel gebruikte oplossing is het gebruik van het rel attribuut. Meer details hierover lees je in ons artikel Het vervangen van target="blank" in XHTML strict.
Als je gewoon het target attribuut wilt gebruiken dan kun je ook kiezen voor het minder strenge transitional doctype. Meer over doctypes lees je overigens in de volgende les.
Einde Les 2
Je hebt in deze les geleerd wat de regels zijn die gelden voor attributen in XHTML. In de volgende les zie je wat de minimum inhoud van een XHTML bestand is en besteed ik in het byzonder aandacht aan de vraag welke doctypes je kunt gebruiken in XHTML.
Homepage-Maken Tip
De makkelijkste manier om je eigen website te maken?
Dat is via een website bouwer als Weebly. Hiermee kun je eenvoudig via je browser door middel van drag-en-drop een website bouwen. Je kunt volledig gratis beginnen met 500MB webruimte voor je site. Zo nodig kun je een betaald pakket nemen met eigen domeinnaam, "onbeperkte" opslag (fair use policy) en e-commerce mogelijkheden.
Weebly is daarom een prima optie als je snel een website in elkaar wilt zetten. Kennis van HTML of het installeren van een eigen content management systeem is niet nodig bij Weebly.