HTML college: goed HTML
Als je goed HTML schrijft dan kun je ervan uitgaan dat de sites die je
maakt lang meegaan. Doe je dat niet, dan zou het best eens kunnen zijn dat
nieuwere browsers jouw informatie niet meer begrijpen. Het Internet is nog
volop in ontwikkeling, nieuwe browsers, webservers en andere programma's
verschijnen regelmatig. De nieuwste generatie browsers kan zelfs al XML
begrijpen.
XML is een taal die veel uitgebreider is dan HTML omdat je
de taal zelf kunt uitbreiden. De prijs die je daarvoor betaalt is dat
XML een stuk strikter omgaat met wat je opschrijft. Waar browsers als
Netscape 4 van zo ongeveer ieder stuk tekst nog wel iets kunnen maken,
zo zal een browser die zich strikt houdt aan XML daar in veel gevallen
niks mee kunnen.
XHTML is HTML, maar dan geschreven in XML. Het voldoet dus aan de
XML-standaard. Wanneer je je web-informatie wilt voorbereiden op de toekomst
dan schrijf je het in XHTML. Dat schiet voor dit college zijn doel een
beetje voorbij, maar toch staan hieronder een aantal criteria die je
helpen om je webdesign grotendeels XHTML-compliant te maken.
- Start en end tags waar toegestaan (niet zo strikt als XHTML waarbij je
altijd end tags moet gebruiken)
- Wanneer end tags niet toegestaan kun je de afsluiting in de start tag
opnemen, bv: <a />
- Attributen zijn strings, dus altijd omsluiten door ""
- Hyperlinks en padnamen zoveel mogelijk relatief, alleen absoluut als ze
buiten je eigen site wijzen
- Tag-naam en de namen van de attributen altijd lowercase
- Tags moeten goed haaks zijn (betreft nesting), vergelijk met haakjes in
een gewone zin:
Die auto staat vaak maar niet altijd fout geparkeerd op de stoep.
Die auto staat
(vaak
[maar niet altijd
]
fout geparkeerd op de stoep.
(FOUT)
Die auto staat
(vaak
[maar niet altijd
]
)
fout geparkeerd op de stoep.
Die auto staat
(vaak
[maar niet altijd
]
fout geparkeerd)
op de stoep.
Die auto staat
(vaak
[maar niet altijd
)
fout geparkeerd]
op de stoep.
(FOUT)
- Alleen elementen uit de HTML standaard gebruiken i.v.m. portabiliteit,
dus geen dingen die alleen door bepaalde browsers ondersteund worden.
Dit maakt je code browser-onafhankelijk en toekomstvast.
- Voldoen aan XHTML is wel erg stringent, maar in veel gevallen weinig
extra moeite en het helpt je om code te maken die lang mee kan
Hier komen we vaak op terug !
HTML college: struktureren van je bron
In HTML hebben spaties, TAB-tekens en line-feeds (zoiets als Enter) geen
betekenis. Dit betekent dat een rommelig HTML-document er in een browser
best netjes uit kan zien.
Als je je HTML-documenten netjes opzet zijn ze echter beter leesbaar. Voor
anderen, maar net zo goed voor jezelf als je er maanden later weer eens iets
in wilt veranderen. Bovendien voorkom je fouten.
In het onderstaande plaatje staat een voorbeeld van een gestruktureerd
HTML-document. Misschien heb je zelf voorkeur voor een andere manier van
struktureren.