Descriere:De la HTML la XHTML
Download:Nu necesita
Autor:Anonim
Sursa (Link-ul oficial): Propria parere:Util.
Tutorialul:
Explicaţiile din acest tutorial sunt pentru cei care cunosc deja limbajul HTML, prezentat detaliat în tutorialele precedente din acest curs.
XHTML (eXtensible HyperText Markup Language) are acelaşi rol şi capacităţi ca HTML, fiind o variantă avansată a acestuia, dar cu o sintaxa puţin diferită, mai strictă.
XHTML este un înlocuitor modern al HTML-ului, o combinaţie între HTML şi XML, fiind aproape identic cu HTML 4.01.
Principala diferenţă ce trebuie avută în vedere la XHTML faţă de HTML este la sintaxa acestuia.
Dacă ştiţi deja limbajul HTML, respectând regulile de sintaxă XHTML, prezentate mai jos, se poate spune că ştiţi şi XHTML.
Reguli de sintaxă XHTML
1. - Pentru ca un document XHTML să fie considerat valid, acesta trebuie să aibe la început (prima linie) o declaraţie !DOCTYPE, un DTD (Document Type Definitions) ce conţine regulile standard ale elementelor din pagină.
Sunt 3 tipuri de DTD ce pot fi folosite: Strict, Transitional şi Frameset. Iată cod-ul specifc fiecăruia, ce trebuie scris în prima linie din pagină:
Strict - folosit pentru o sintaxă strictă, fără vreun element ce nu e specific XHTML.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Transitional - este tipul cel mai comun şi indicat. Acesta permite în pagină şi elemente HTML ce nu sunt stricte XHTML.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Frameset - mai puţin folosit, acest tip e pentru cazuri când în pagină se folosesc frame-uri.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
După una din aceste declaraţii se adaugă codul pentru structura documentului XHTML, cum se vede în următorul exemplu (structura standard ce trebuie să o aibe o pagină de site XHTML):
Cod:
Cod: Selectaţi tot
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ro">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Titlul paginii</title>
<meta name="description" content="Descrierea paginii" />
<meta name="keywords" content="cuvinte, principale, din, pagina" />
</head>
<body>
Continutul paginii, care apare in fereastra navigatorului web.
</body>
</html>Corect: <div> Incorect: <DIV>
Corect: <tag atribut="valoare"> Incorect: <tag Atribut="valoare">
3. - Valorile tuturor atributelor trebuie scrise între ghilimele.
Corect: <tag width="80">
Incorect: <tag width=80>
4. - Spre deosebire de HTML, în care elementele sunt închise cu un al doilea tag (identic) de închidere, iar unele nici nu trebuie să aibe închidere, în XHTML toate elementele trebuie închise şi există tag-uri specifice care au închidere singulară, în acelaşi tag.
În XHTML În HTML
[img]<meta ... /> <meta ...>
<br /> <br>
<hr /> <hr>
<input /> <input>
<img ... /> <img ...>[/img]
- Celelalte, precum <p> </p>, <div> </div>, <span> </span>, ... etc. sunt la fel.
5. - La închiderea tag-urilor trebuie să se respecte ordinea simetrica de deschidere.
Corect: <b>Ceva <i>altceva</i></b>
Incorect: <b>Ceva <i>altceva</b></i>
6. - Toate atributele trebuie să fie însoţite de o valoare. În HTML fiind atribute, precum "checked", care sunt scrise fără vreo valoare. Iată câteva din cele mai folosite:
Cod: Selectaţi tot
În XHTML În HTML
checked="checked" checked
declare="declare" declare
readonly="readonly" readonly
disabled="disabled" disabled
selected="selected" selected
nowrap="nowrap" nowrap
noresize="noresize" noresize