HTML si CSS (Programator Web 1)

DOCUMENTATIE CURS
DOCUMENTATIE INTREABA PROFESORUL CURSURILE MELE

HTML vs XHTML

XHTML
XHTML 1.0 este o reformulare a versiunii HTML 4.01 respectand standardele unui limbaj mai strict, numit XML. Termenele HTML si XHTML vor fi folosite interschimbabil pentru ca XHTML este de fapt tot HTML dar varianta standard. Voi folosi XHTML in acest curs atunci cand vreau sa accentuez o regula obligatorie in XHTML, care nu apare in HTML.


Voi prezenta cativa pasi simpli necesari pentru a realiza cod XHTML (HTML standard), sau pentru a transforma documentele HTML in documente valide XHTML. In sectiunea viitoare voi explica cum verifici daca un document este valid XHTML.
  • Toate documentele XHTML incep cu o declaratie DOCTYPE care "spune" browserului varianta de HTML/XHTML folosita. Declaratia DOCTYPE este obligatorie, si este primul element dintr-un document XHTML.

    Pentru varianta XHTML 1.0 , exista 3 declaratii DOCTYPE ce pot fi folosite, pentru ca XHTML 1.0 are trei variante:
    • XHTML 1.0 Strict

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

      In aceasta varianta de XHTML, nu se pot folosi deloc taguri sau atribute care au fost marcate ca "deprecated" (invechite). Regulile sunt mai stricte decat in celelalte variante de XHTML. Trebuie folosit impreuna cu CSS pentru a obtine formatarea si aranjarea dorita a elementelor.
    • XHTML 1.0 Transitional

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

      Se mai pot folosi unele taguri sau atribute invechite (prezentationale) dar trebuie respectata sintaxa XHTML. Este cel mai des intalnit doctype, si il vom folosi si noi in acest curs.
    • XHTML 1.0 Frameset

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

      Esta varianta de XHTML folosita pentru documentele .html ce contin frame-uri.
  • Tagul html trebuie sa contina atributul xmlns (XML namespace) avand valoarea "http://www.w3.org/1999/xhtml". Aceasta cerinta, impreuna cu prezenta DOCTYPE-ului, contribuie la validarea documentului ca XHTML

  • Toate tagurile XHTML trebuie scrise cu litere mici
    GRESIT CORECT
    <BODY> Continut </BODY>
    <body> Continut </body>

  • Toate tagurile si atributele XHTML trebuie scrise cu litere mici
    GRESIT CORECT
    <BODY> Continut </BODY>
    <body> Continut </body>


    GRESIT CORECT
    <table WIDTH="100%">
    <table width="100%">

  • Valorile tuturor atributelor in XHTML trebuie inchise intre ghilimele
    GRESIT CORECT
    <img src=logo.jpg border=0 />
    <img src="logo.jpg" border="0" />

  • Atributele care in HTML erau singulare (nu aveau valori) trebuie sa aiba valori.
    GRESIT CORECT
    <input checked>
    <input checked="checked" />


    GRESIT CORECT
    <td nowrap>continut td</td>
    <td nowrap="nowrap">continut td</td>

  • Toate tagurile in XHTML trebuie inchise in ordinea in care au fost deschise.
    GRESIT CORECT
    <b><i>Text italic si bold.</b></i>
    <b><i>Text italic si bold.</i></b>

  • Toate tagurile in XHTML trebuie inchise
    GRESIT CORECT
    <p>Aici este un paragraf
    <p>Aici este un paragraf</p>


    GRESIT CORECT
    <li>Aici este elementul unei liste
    <li>Aici este elementul unei liste</li>

  • Tagurile singulare in XHTML trebuie inchise cu
    />
    GRESIT CORECT
    <hr>
    <hr />


    GRESIT CORECT
    <br>
    <br />


    GRESIT CORECT
    <img src="logo.gif" border="0">
    <img src="logo.gif" border="0" />

© 2006-2012 Crystal Mind Academy. All rights reserved