Hur uppgraderar jag till XHTML?

Hur uppdaterar du din webbplats till XHTML?

För att konvertera din webbplats från HTML till XHTML, bör du först bekanta dig med de syntaxregler som beskrivs i de första kapitlen.

Nedan förklaras specifika steg.

Lägg till filtypsdeklaration

Lägg till följande filtypsdeklaration på första raden av varje sida:

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

Observera:Denna webbplats (codew3c) använder en strikt DTD. Men att använda en övergångs DTD är också ett bra val, eftersom för de flesta nybörjande utvecklare kan en strikt DTD verka "för strikt".

Några tips om filtypsdeklaration

Om du vill validera sidan som korrekt XHTML, måste sidan innehålla en filtypsdeklaration.

Det är viktigt att notera att olika webbläsare hanterar dokument på olika sätt beroende på filtypsdeklaration. Om en webbläsare läser en filtypsdeklaration, kommer den att behandla dokumentet på ett lämpligt sätt. Om det inte finns någon DOCTYPE, kan dokumentet visas på ett helt annat sätt.

Små bokstäver för taggar och attributnamn

Eftersom XHTML är känslig för storleks skrivning och eftersom XHTML endast accepterar små bokstäver för HTML-taggar och attributnamn, kan du utföra ett enkelt sök- och ersättningskommando för att ändra alla stora taggar till små. Gör samma sak med attributnamnen. Vi använder små bokstäver på vår webbplats, så utbytet av ersättningsfunktioner har inte varit så användbart.

Lägg till citatteckenskaper för alla attribut

Eftersom W3C XHTML 1.0-standarden kräver att alla attributvärden måste vara citatteckenskapade, behöver du kontrollera varje sida om du inte har lagt märke till denna detalj tidigare. Detta är ett tidskrävande arbete, så glöm inte att lägga till citatteckenskaper för attributvärdena.

Tomma taggar: <hr> , <br> och <img>

I XHTML är det inte tillåtet att använda tomma taggar (Empty tags). <hr> och <br>-taggar bör ersättas med <hr /> och <br />.

Detta skapar ett nytt problem, Netscape kan misstolkas <br/>-taggen. Vi är osäkra på orsaken, men efter att ha ändrat det till <br /> är det inga problem. När du medvetet upptäcker detta behöver du ändra taggarna igen genom att använda sök- och ersättningsfunktionen.

Andra taggar (t.ex. <img>-taggen) kan också stöta på samma problem. Använd inte stängningstagg för att stänga <img>, utan lägg till / > vid taggens slut.

Validera webbplats

Efter att ha gjort allt detta, använd följande länk för att validera alla ändrade sidor enligt den officiella W3C DTD: XHTML ValidatorNästa steg är att upptäcka eventuella få fel och korrigera dem (manuellt). Vår erfarenhet är att det mest vanliga felet är att man glömmer bort att lägga till </li>-taggen i listor.

Ska vi använda konverteringsverktyg (t.ex. TIDY)? Ja, vi kunde ha använt TIDY.

Dave Raggetts HTML TIDYDetta är ett gratisverktyg för att rengöra HTML-kod. När det gäller att bearbeta svårlästa HTML-koder som genereras av specialiserade HTML-kodredigeringsverktyg och konverteringsverktyg, fungerar TIDY fortfarande mycket bra. Samtidigt kan det hjälpa dig att upptäcka var på din webbplats som behöver mer uppmärksamhet, vilket gör webbplatsen mer tillgänglig för funktionshindrade.

Anledningen till att vi inte använde Tidy var att vi redan vid starten av webbplatsen var mycket bekanta med XHTML. Då visste vi redan att använda små tecken för taggar och att inkludera citattecken för egenskaper. Under webbplatsens testning gjorde vi enkelt test med W3C:s XHTML validerare och rättade några fel. Det viktigaste var att vi redan hade lärt oss mycket om att skriva Tidy HTML-kod.

Fritidsläsning

Om du vill förstå mer om hur man använder XHTML för att strukturella sidor, läs:XHTML strukturering》。