Hoe upgrade je naar XHTML?

Hoe kun je je website upgraden naar XHTML?

Om je site van HTML naar XHTML te converteren, moet je eerst de grammaticale regels van XHTML die in de vorige hoofdstukken worden besproken, leren kennen.

Hier worden de specifieke stappen uitgelegd.

Voeg de bestandstypeverklaring toe

Voeg de volgende bestandstypeverklaring toe aan de eerste regel van elke pagina:

<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Let op:Deze site (codew3c) gebruikt een strikte DTD. Het gebruik van een overgangs DTD is ook een goede keuze, omdat een strikte DTD voor de meeste beginners ontwikkelaars misschien te strikt lijkt.

Een tip over de file type declaration

Als je de pagina wilt valideren als correcte XHTML, moet de pagina een file type declaration bevatten.

Het is belangrijk op te merken dat nieuwe browsers de manier waarop ze documenten verwerken, verschillend kunnen zijn op basis van de file type declaration. Als een browser een file type declaration leest, zal het document op de juiste manier worden behandeld. Zonder DOCTYPE kan het document op een andere manier worden weergegeven.

Kleine letters voor tags en eigenschapsnamen

Omdat XHTML hoofdlettergevoelig is en alleen kleine letters van HTML-tags en eigenschapsnamen accepteert, kun je een eenvoudige zoek- en vervangopdracht uitvoeren om alle hoofdletters in tags en eigenschapsnamen te veranderen. We gebruiken in onze eigen site altijd kleine letters, dus de vervanging functie komt niet vaak van pas.

Quoteren van alle eigenschappen

Omdat de W3C XHTML 1.0-standaard vereist dat alle waarde van eigenschappen moeten worden gequoteerd, moet je de website controleren als je deze detail nog niet hebt opgemerkt. Dit is een tijdrovende taak, dus vergeet nooit om waarde van eigenschappen te quoteren.

Lege tags: <hr> , <br> en <img>

In XHTML is het niet toegestaan om lege tags (Empty tags) te gebruiken. De <hr> en <br>-tags moeten worden vervangen door <hr /> en <br />.

Dit heeft opnieuw een nieuw probleem opgeroepen, Netscape leest de <br/>-tag verkeerd. We weten niet waarom, maar na het veranderen ervan naar <br /> is er geen probleem meer. Na dit inzicht moet je opnieuw de tags wijzigen via de zoek- en vervangfunctie.

Andere tags (zoals de <img>-tag) hebben ook hetzelfde probleem. Gebruik geen sluitende tags om <img> te sluiten, maar voeg / > toe aan het einde van de tag.

Valideer de site

Na alles te hebben gedaan, gebruik dan de volgende link om alle gewijzigde pagina's te valideren op basis van de officiële W3C DTD: XHTML ValidatorVervolgens kunnen er mogelijk nog enkele fouten worden gevonden, die handmatig moeten worden gecorrigeerd. Onze ervaring leert dat de meest voorkomende fout is het missen van de </li>-tag in lijsten.

Moeten we een conversietool gebruiken (bijvoorbeeld TIDY)? Ja, we hadden TIDY kunnen gebruiken.

Dave Raggett's HTML TIDYHet is een gratis tool voor het schoonmaken van HTML-code. In het behandelen van moeilijk leesbare HTML-code die is gegenereerd door speciale HTML-code editors en conversietools, presteert TIDY nog steeds goed. Bovendien kan het je helpen om te ontdekken waar extra aandacht nodig is op je site, zodat de website beter toegankelijk is voor mensen met een beperking.

Waarom hebben we Tidy niet gebruikt? Toen we begonnen met het maken van deze website, waren we al zeer vertrouwd met XHTML. Op dat moment wisten we al dat we kleine tags moesten gebruiken en dat we eigenschappen moesten aanhalingstekens moesten geven. Daarom hebben we tijdens het testen van de website eenvoudig door de W3C XHTML validator getest en enkele fouten gecorrigeerd. Bovenal hebben we veel geleerd over het schrijven van Tidy-achtige HTML-code.

Bijkomende Leesmateriaal

Als je dieper wilt leren over het gebruik van XHTML voor het structureren van pagina's, lees dan:XHTML Structurering》。