Miten päivittää XHTML:ään?

Miten voit päivittää sivustosi XHTML:ksi?

Jotta voit muuntaa sivuston HTML:stä XHTML:ksi, sinun tulisi ensin tutustua ensimmäisten lukujen esittelemiin XHTML:n kielioppisääntöihin.

Seuraavaksi selitetään tarkemmin tarvittavat vaiheet.

Lisää tiedostotyyppideklaraatio

Lisää seuraava tiedostotyyppideklaraatio jokaisen sivun ensimmäiselle riville:

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

Huomioitavaa:Tämä sivusto (codew3c) käyttää tiukkaa DTD:ää. Mutta siirtymävaiheen DTD:ä käyttäminen on myös hyvä valinta, koska useimmille aloittelijoille tiukka DTD voi vaikuttaa 'liian tiukalta'.

Jos haluat vahvistaa sivun oikeaksi XHTML:ksi, sivulla täytyy olla tiedostotyypin ilmoitus.

On huomattava, että eri tiedostotyypin ilmoitusten mukaan uudet selaimet käsittelevät dokumentteja eri tavoin. Jos selain lukee tiedostotyypin ilmoituksen, se käsittelee dokumenttia 'asiallisella' tavalla. Ilman DOCTYPE:ta dokumentti näyttäytyy mahdollisesti täysin eri tavalla.

Pienet merkit ja ominaisuusnimet

Koska XHTML on kirjainten suuruuseroihin herkkä ja koska XHTML hyväksyy vain pienkirjaimisia HTML-merkkejä ja ominaisuusnimiä, voit suorittaa yksinkertaisen hakukorvaustoiminnon kaikkien isokirjaimisten merkkien muuttamiseksi pienkirjaimiksi. Myös ominaisuusnimet täytyy käsitellä samalla tavalla. Olemme käyttäneet omalla verkkosivullamme pienikirjaimisia merkkejä, joten korvaustoiminto ei ole ollut kovin hyödyllinen.

Lisää lainausmerkit kaikkiin ominaisuuksiin

Koska W3C XHTML 1.0 -standardissa vaaditaan, että kaikki ominaisuusarvot on kirjoitettava lainausmerkeissä, jos et ole aikaisemmin huomannut tätä yksityiskohtaa, sinun täytyy tarkistaa verkkosivut sivu kerrallaan. Tämä on aikaa vievä työ, joten älä koskaan unohta lisätä lainausmerkkejä ominaisuusarvoihin.

Tyhjät merkit: <hr> , <br> ja <img>

XHTML:ssä ei ole sallittua käyttää tyhjiä merkkejä (Empty tags). <hr> ja <br> -merkit tulisi korvata <hr /> ja <br /> -merkeillä.

Tämä tuo mukanaan uuden ongelman, Netscape lukee väärin <br/> -merkin. Emme tiedä syytä tähän, mutta kun korvataan <br/> -merkki <br /> -merkillä, ongelma poistuu. Tämän ymmärtäneesi jälkeen sinun täytyy tehdä muutoksia hakemalla ja korvaamalla toiminnolla.

Myös muut merkit (esim. <img>-merkki) kohtaavat saman ongelman. Älä käytä sulkevia merkkejä <img> -merkin sulkemiseen, vaan lisää / > merkki merkkin loppuun.

Sivuston validointi

Tämän jälkeen voit vahvistaa kaikki muutetut sivut virallisella W3C DTD:n avulla seuraavilla linkkeillä: XHTML ValidatorSeuraavaksi voidaan löytää muutamia virheitä, jotka korjataan yksi kerrallaan (käsityönä). Kokemuksemme mukaan helpoiten tapahtuvat virheet ovat listaan unohtuneet </li>-tunnisteet.

Olemmeko käyttäneet muuntotyökaluja (esim. TIDY)? Kyllä, voisimme käyttää TIDY:ä.

Dave Raggettin HTML TIDYTämä on ilmainen työkalu HTML-koodin puhdistamiseen. TIDY tekee erittäin hyvin työtä siinä, että se käsittelee vaikeasti luettavaa HTML-koodia, joka on tuotettu erityisillä HTML-koodieditori- ja muuntotyökaluilla. Samalla se auttaa sinua löytämään paikat, joihin tarvitaan enemmän huomiota, jotta verkkosivut ovat paremmin käytettävissä vammaisille.

Miksi emme käyttänyt Tidyä? Kun aloitimme tmän verkkosivuston luomisen, olimme erittäin tuttuja XHTML:stä. Silloin me tiesimme käyttää pieniä merkkejä ja lisätä lainausmerkit ominaisuuksiin. Siksi testausvaiheessa me vain suoritimme W3C:n XHTML-tarkistimen testauksen ja korjasimme muutamia virheitä. Tärkeintä on, että olemme oppineet paljon kirjoittamaan Tidy HTML-koodia.

Harjoitustehtävät

Jos haluat syventyä XHTML:n käyttöön sivujen rakentamisessa, lue kirjaXHTML-structureointi》。