7. Attributter
XHTML byder på fire ændringer
mht. attributter. For det første skal alle elementer skrives med
småt. Derudover skal alle værdier sættes i anførselstegn og må ikke skrives i "kort form". Endelig ændres attributten "name"
til "id".
Attributter skal skrives med småt
I XHTML skal vi også skrive
attributter med små bogstaver.
Vi ser igen på et eksempel:
FORKERT:
<table>
<tr CLASS="100">
<td VALIGN=top style="width:150px">Indhold af celle</td>
</tr>
</table>
Denne kode vil ikke validere i
XHTML ... bl.a. fordi attributterne CLASS og VALIGN er skrevet
med store bogstaver.
Korrekt XHTML vil se således
ud:
<table>
<tr class="100">
<td valign="top" style="width:150px">Indhold af celle</td>
</tr>
</table>
Alle attributter (og elementer)
er skrevet med små bogstaver.
Værdier sættes i anførselstegn
Den opmærksomme elev vil
allerede i ovennævnte eksempel have bemærket, at attributten
valign i transaktionen (skiftet) fra HTML til XHTML blev
ændret en lille smule ... udover ændringen til små bogstaver.
Attributternes værdier (i
eksemplet herover "top") skal i XHTML
sættes i anførselstegn (quotes) i modsætning til i HTML, hvor dette
var valgfrit.
Attributter må ikke skrives i "kort form"
I XHTML var det muligt at
anvende en kort form til visse attributter ... også kaldet
"minimerede attributter".
Det kunne fx se således ud:
FORKERT:
<input type="checkbox" value="ja"
id="sikker" checked>
Attributten checked er
et eksempel på en "kort attribut". Egentlig hedder attributten
checked="checked". Og i XHTML skal sidstnævnte form altid
anvendes:
<input type="checkbox" value="ja"
id="sikker" checked="checked">
ID attributten
Alt hvad vi hidtil har
gennemgået, har faktisk blot været mindre ændringer i den måde,
hvorpå vi skriver og strukturerer vores kode. Der er imidlertid
én enkelt nyhed ... eller ændring i XHTML. Nemlig den måde
hvorpå vi henviser til (eller navngiver) et element i XHTML.
I HTML (og XHTML) bruger man en
attribut til at "navngive" <img> elementer, så man senere kan
referere til dem med JavaScript. Dette bruges bl.a. til at lave
såkaldte mouse-over-effekter.
I HTML brugte vi attributten
"name", men i XHTML er denne attribut udskiftet med "id".
HTML:
<img src="ditbillede.gif" name="mitbillede" height="100" width="150"
alt="Sådan ser jeg ud" />
XHTML:
<img src="ditbillede.gif" id="mitbillede" height="100" width="150"
alt="Sådan ser jeg ud" />
Her skal man naturligvis huske
på, at attributten id ikke er bagud kompatibel med ældre
browsere. På nogle hjemmesider vil du se det anbefalet, at man
derfor bør anvende begge former ... det vil vi IKKE ANBEFALE, da
attributten name ikke validerer som HTML Strict.
Så har vi været igennem
forskellen imellem HTML og XHTML. Men hvordan ændrer man så rent
praktisk sine dokumenter? Det ser vi på i næste lektion ...
 tilbage
næste
stem her!
|
