Daugelis, manau, nieko naujo neišgirs, bet aš šiandien susipažindinu ir supažindinu su būsimu (in the way…) visišku HTML pakaitalu - XHTML.
XHTML - EXtensible HyperText Markup Language - praplėsta hypertexto (žodžiui “hypertext” lietuviško atitikmens nesuradau) sužymėjimo kalba. XHTML “tikslas” yra visiškai pakeisti HTML. Pats XHTML yra labai panašus į HTML 4.01, bet XHTML standartai yra griežtesni, o kodas - švaresnis. Dar 2000-aisiais metais ši kalba buvo oficialiai rekomenduota W3C kaip tinkamas standartas.
Taigi kodėl buvo sukurtas XHTML, jeigu jis taip mažai skiriasi nuo HTML ir skirtas pastarajam pakeisti? Labai paprastai - kadangi HTML sintaksė nėra tokia griežta, internete atsirado labai daug puslapių, kurių kodas buvo netvarkingas, nepalaikantis jokių standartų, tačiau su populiariausiomis naršyklėmis matomi. Tarkime tokie dalykai, kaip tago <p> nuolatinis (na ir HTML’e neprivalomas) neuždarymas (</p>) tiesiogiai trukdo interneto plėtrai. Juk internetu naudojamės ne tik per kompą, bet ir per mobilius telefonus, delninukus, kai kur - mikrobangų krosneles ir net šaldytuvus :) Netvarkingo HTML teisingai neapdoroja paprastesnes programos (tarkime mobilaus telefono naršyklė), o, tarkime, normalių browserių kūrėjai priversti užsiiminėti būrimu iš kavos tirščių su bandymu atspėti “kokį čia dar tagą vartotojai sugalvos iškraipyti ir neteisingai pavartoti”. Kad išvengti viso šito ir buvo pereita prie HTML griežtesnės standartizacijos - XHTML.

Pagrindiniai XHTML skirtumai

  • XHTML elementai turi būti teisingai sudėlioti ir uždaromi.
    Pavyzdžiui HTML kai kurie elementai gali būti tvarkomi taip:

    <u><b>Pabrauktas paryškintas tekstas</u></b>

    XHTML tas neleistina, visi elementai turi būti sutvarkyti ir uždaryti vienas kitame, pvz:

    <u><b>Pabrauktas paryškintas tekstas</b></u>

    Kitaip tariant XHTML elementų atidarymas-uždarymas turi būti “medžio” principu:

    <ul>
    <li> Kazkas </li>
    </ul>

  • XHTML dokumentas privalo būti tinkamos griežtos struktūros. tagas yra privalomas, privalomas ir jo uždarymas. Visi kiti elementai turi būti kaip “atšakos” (sub elements), pvz. pagrindinė dokumento struktūra:

    <html>
    <head> … </head>
    <body> … </body>
    </html>

  • XHTML elementų vardai privalo būti mažosiomis raidėmis. Taip yra todėl, nes XHTML dokumentai yra pritaikomi XML, todėl
    ir
    yra traktuojami kaip skirtingi elementai. Taigi visas XHTML kodas privalo būti parašytas mažosiomis raidėmis.
  • Visi XHTML elementai turi būti uždaryti. Senajame HTML’e galima buvo rašyti:

    <p> Paragrafas 1 <br>
    <p> Paragrafas 2

    XHTML visi elementai privalo būti uždaromi, pavyzdžiui:

    <p> Paragrafas 1 </p>
    <p> Paragrafas 2 </p>

  • Tušti elementai taip pat turi būti uždaromi su ” />”. Pavyzdžiui:

    Tekstas <br />
    Vis dar tekstas <hr />
    Paveiksliukas <img src=”kazkas.jpg” class=”aprasymas” />

  • XHTML elementų atributai privalo rašomi mažosiomis raidėmis, reikšmės skiriamos kabutėmis. Taip pat atributų minimalizacija yra draudžiama, o atributą “name” pakeičia atributas “id”. Klaidingas XHTML pavyzdys:

    <table WIDTH=100%>
    <input readonly>
    <img src=”picture.gif” name=”picture1″ />

    Teisingas XHTML pavyzdys:

    <table width=“100%“>
    <input readonly=”readonly” />
    <img src=”picture.gif” name=”vardas” alt=”picture1″ />

  • XHTML dokumentuose privalomas DOCTYPE aprašas. Jis visada turi būti pirmoje dokumento eilutėje. Taigi paprasčiausias XHTML failas turėtų atrodyti taip:

    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
    <html>
    <head>
    <title>simple document</title>
    </head>
    <body>
    <p>Paprastas dokumentas</p>
    </body>
    </html>

    Viso yra 3 dokumentų tipų apibrėžimai (Document Type Definitions - DTD): strict, transitional ir frameset.
    Strict - naudojamas ypač tvarkingiems ir griežtos sandaros XHTML dokumentams kartu su CSS: “<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
    ”
    Transitional - dažniausiai naudojamas tipas, supportinga (palaiko) naršykles, kurios nepripažįsta CSS: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
    Frameset - naudojamas jeigu naršyklės langas turėtų būti padalintas į du ar daugiau rėmelių (frames): <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”>

Atrodo tiek pagrindinių pastebėjimų. Pasitikrinti (validate) XHTML kodą galite http://validator.w3.org. Patikrinkite savo žinias apie XHTML - w3schools. Manosios - img :)

Taigi, netrukus bus naujas puslapio dizainas. Be išorinių pasikeitimų bus pakeistas įpastinis HTML’as į XHTML ir greičiausiai puslapio varikliukas taps phemplate.