Care este diferența dintre HTML și XHTML? Ce este XHTML? Erori în XHTML și diferențe dintre XHTML și HTML

Rețineți, pentru a nu uita diferențe dintre HTML și XHTML.

Aşa, HTMLŞi XHTML- acestea sunt formate speciale de marcare a paginilor web pe care browserul le „înțelege”.

Mai jos este o mică teorie despre HTML și XHTML și o listă cu câteva diferențe între ele...

HTML(din limba engleză HyperText Limbajul de marcare- „Hypertext Markup Language”) - un limbaj de marcare standard pentru documente în World wide web. Majoritatea paginilor web sunt create folosind HTML (sau XHTML). limbaj HTML interpretat de browser și afișat ca document într-o formă care poate fi citită de om.
HTML este o aplicație („caz special”) a SGML (Standard Generalized Markup Language) și îi corespunde standard international ISO 8879. XHTML este o aplicație XML.

HTML este un limbaj de marcare a documentelor cu etichete. Orice document în HTML este un set de elemente, iar începutul și sfârșitul fiecărui element sunt indicate prin semne speciale - etichete. Elementele pot fi goale, adică să nu conțină niciun text sau alte date (de exemplu, o etichetă de alimentare de linie
). În acest caz, eticheta de închidere nu este de obicei specificată. În plus, elementele pot avea atribute care definesc unele dintre proprietățile lor.

Fiecare document HTML care se conformează oricărei versiuni a specificației HTML trebuie să înceapă cu o linie de declarație a versiunii HTML.
Dacă această linie nu este specificată, devine mai dificil să se afișeze corect documentul în browser.

XHTML(English Extensible Hypertext Markup Language) este un limbaj de marcare a paginilor web, comparabil ca capabilități cu HTML, creat pe baza XML. Ca și HTML, XHTML este conform cu specificația SGML, deoarece XML este un subset al acesteia. XHTML 1.1 a fost aprobat ca recomandare de World Wide Web Consortium (W3C) la 31 mai 2001.

Un document XHTML valid (adică, respectând toate regulile) este un document care satisface specificație tehnică. În mod ideal, toate browserele ar trebui să respecte standardele web și, în consecință, documentele valide ar trebui să fie afișate în toate browserele de pe toate platformele. Validarea documentelor XHTML este recomandată, chiar dacă nu garantează compatibilitatea între browsere. Un document poate fi verificat în raport cu specificația utilizând Serviciul de validare a marcajului online W3C. Validarea va detecta și clarifica erorile de marcare XHTML.

Diferențele dintre XHTML și HTML
- Toate elementele trebuie să fie închise. Etichete care nu au o etichetă de închidere
(De exemplu, sau
) trebuie să aibă un / la sfârșit (de exemplu,
).

Atributele booleene sunt scrise în formă extinsă. De exemplu, ar trebui să scrieți selected="selected"> sau .

Numele etichetelor și atributelor trebuie notate litere mici(De exemplu, alt="" /> în schimb ).

XHTML este mult mai strict cu privire la erorile din cod;< и & везде, даже в URL,
trebuie inlocuit< и & соответственно. По рекомендации W3C браузеры,
Dacă întâlnesc o eroare în XHTML, ar trebui să o raporteze și să nu proceseze documentul. Pentru
Browserele HTML au trebuit să încerce să înțeleagă ce a vrut să spună autorul.
- Codificarea implicită este UTF-8 (spre deosebire de HTML, unde este codarea
implicit este ISO 8859-1).

Pentru paginile XHTML, se recomandă setarea tipului MIME - application/xhtml+xml, dar
acest lucru nu este obligatoriu, în plus - browser Internet Explorer 8 și mai mic
versiunile nu vor putea procesa pagina, deci cu XHTML 1.0 în mod tradițional
Tipul MIME pentru HTML este text/html.

De asemenea, standardul recomandă indicareaînainte
DTD, dar acest lucru nu este necesar, în plus - browser de internet Explorer percepe
o astfel de indicație (ca orice alt text anterior), ca semn că
Ce această pagină trebuie să fie afișat în modul de compatibilitate inversă, nu
conform standardului. Există trei tipuri de documente XHTML: stricte, de tranziție și
set de cadre. Cea mai comună și universală versiune de XHTML este
tranzițional, deoarece vă permite să utilizați un iframe
(incorporarea continutului unei pagini web in alta) si atribut target la link-uri
(pentru a indica, de exemplu, că linkul ar trebui să se deschidă într-o fereastră nouă).
Versiunea cadru (setul de cadre în engleză) este o versiune extinsă
tranzitorie, adăugându-i, după cum sugerează și numele, capacitatea de instalare
cadru în loc de caroserie. DTD-ul strict XHTML nu conține multe
etichete și atribute descrise în DTD de tranziție și depreciate.

Multumesc http://ru.wikipedia.org/

Când scrieți cod XHTML, urmați aceeași sintaxă care este tipică pentru HTML. Cu toate acestea, diferența dintre HTML și XHTML este un set de anumite reguli obligatorii.

Regulile XHTML sunt după cum urmează.

  1. Toate etichetele și atributele lor trebuie introduse cu litere mici (caractere mici).
  2. Orice valoare de atribut trebuie să fie cuprinsă între ghilimele.
  3. Trebuie să închideți toate etichetele, chiar și cele care nu au o etichetă de închidere asociată acestora.
  4. Trebuie respectată imbricarea corectă a etichetelor.
  5. Nu puteți utiliza atribute de etichetă scurtate.
  6. În loc de atributul numelui ar trebui specificat id.
  7. Ar trebui să definiți un DTD (definiție tip document) folosind elementul .

Etichetele trebuie să fie cu litere mici

Această regulă a apărut deoarece XHTML este sensibil la caz de caractere, așa că etichetele sunt


Şi
varia. Pentru a evita confuzia, sintaxa forțează toate etichetele, precum și atributele acestora, să fie litere mici. Exemplul 3.1 dă utilizare incorectă etichete

Exemplul 3.1. Ortografie greșită a etichetelor

XHTML 1.0 IE Cr Op Sa Fx

XHTML

Lorem ipsum dolor sit amet...

ÎN în acest exemplu etichete Şi

Tastat cu majuscule, ceea ce este o eroare. Exemplul 3.2 arată codul corect.

Exemplul 3.2. Ortografie corectă etichete

XHTML 1.0 IE Cr Op Sa Fx

XHTML

Lorem ipsum dolor sit amet...

Orice valoare de atribut trebuie să fie cuprinsă între ghilimele

Deși HTML vă cere și să includeți valorile între ghilimele, absența lor nu afectează în niciun fel corectitudinea codului. Deci putem spune că în aplicație HTML Ghilimelele sunt doar o recomandare. În XHTML, utilizarea ghilimelelor a fost ridicată la o regulă și orice valoare de atribut trebuie specificată numai în ele (exemplul 3.3).

Exemplul 3.3. Folosind ghilimele

XHTML 1.0 IE Cr Op Sa Fx

XHTML

Cheburashka Shapoklyak
1 5
4 13

În acest exemplu, toate atributele etichetei

, și de asemenea
sunt date între ghilimele.

Toate etichetele trebuie să fie închise

În HTML, etichetele sunt împărțite în două categorii - etichete pereche, numite și containere, și etichete simple. Etichetele pereche constau dintr-o etichetă de deschidere și de închidere și, în unele cazuri, eticheta de închidere poate fi omisă. În XHTML, eticheta de închidere este necesară întotdeauna și oriunde.

.

Exemplul 3.4 arată codul cu o eroare din cauza etichetei lipsă

XHTML 1.0 IE Cr Op Sa Fx

XHTML

Exemplul 3.4. Fără etichetă de închidere

și se furișează în avion,

și-i pune o bombă în burtă, ,

, Unii dezvoltatori ignoră etichetele de închidere

, dar în XHTML absența lor este considerată o eroare. Exemplul 3.5 arată utilizarea corectă a listelor.

XHTML 1.0 IE Cr Op Sa Fx

XHTML

  • Exemplul 3.5. Adăugarea unei liste
  • Orientul
  • Vest
  • Sud

Nord

În acest exemplu, fiecare etichetă de deschidere are o etichetă de închidere corespunzătoare.Element

nu face parte din documentul XHTML, deci nu necesită o etichetă de închidere.

În ceea ce privește etichetele simple, acestea trebuie să se termine cu o oblică înainte de paranteza unghiulară de închidere, așa cum se arată în Exemplul 3.6.

XHTML 1.0 IE Cr Op Sa Fx

XHTML

Exemplul 3.6. Adăugarea unei imagini

În acest exemplu, notați spațiul necesar care precede construcția />. În tabel 3.1 arată câteva Etichete HTML

și înregistrarea acestora într-un document XHTML.

Trebuie respectată imbricarea corectă a etichetelor XHTML este critic pentru erori: impunerea incorectă a unei etichete în alta și plasarea etichetei într-un container neadecvat.

Imbricarea corectă a etichetelor

Fiecare etichetă trebuie să fie amplasată în interiorul altei etichete, iar „intersecția” lor nu este permisă, așa cum se arată în exemplul 3.7.

Exemplul 3.7. Eroare la poziția etichetei

XHTML 1.0 IE Cr Op Sa Fx

XHTML

Lorem ipsum dolor sit amet...

În acest exemplu, eticheta de închidere precede eticheta, deși ar trebui să fie invers, ceea ce duce la o eroare. Odată ce schimbați etichetele, codul devine corect.

Deși validatorul de cod aruncă o eroare dacă etichetele sunt poziționate incorect, browserele afișează în continuare pagina web corect.

Ierarhia etichetelor

Toate etichetele sunt stricte sistem ierarhicîn sensul că fiecare etichetă trebuie să fie în interiorul altei etichete și nimic altceva. În partea de sus condiționată există un element rădăcină , și toate celelalte etichete pot conține alte etichete în interiorul lor, care sunt numite etichete copil. În consecință, etichetele copil sunt localizate în elementul părinte.

Este necesar să cunoașteți sistemul de subordonare a etichetelor și să îl urmați atunci când scrieți codul XHTML. Exemplul 3.8 arată structura de baza document.

Exemplul 3.8. Structura documentului

XHTML 1.0 IE Cr Op Sa Fx

Document nou

În acest exemplu, eticheta este dată mai întâi , în interiorul căruia se află etichetele Şi . Secțiune interioară titlul documentului este stocat ( ) și codificarea paginii ( <meta> ).</p> <h2>Nu puteți utiliza atribute de etichetă scurtate</h2> <p>Un atribut fără o valoare atribuită se numește atribut prescurtat. Exemplul 3.9 arată un formular care utilizează astfel de atribute.</p> <p>Exemplul 3.9. Eroare la utilizarea atributelor</p> <p>XHTML 1.0 IE Cr Op Sa Fx</p><p> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>XHTML

„Valoare goală”, așa cum este numită și această eroare, poate fi corectată cu ușurință atribuind atributului o valoare care să se potrivească cu numele său.

În tabel 3.2 arată unele atribute și cum sunt scrise în HTML și XHTML.
HTML XHTML
Tabelul 3.2. Maparea atributelor în HTML și XHTML verificat
verificat="verificat" compact
compact="compact" dezactivat
disabled="dezactivat" ismap
ismap="ismap" multiplu
multiple="multiple" nohref
nohref="nohref" noresize
noresize="noresize" noshade
noshade="noshade" nowrap
nowrap="nowrap" numai citire
readonly="doar citire" selectat

selectat="selectat"

Exemplul 3.10 arată utilizarea corectă a formularului de mai sus. Exemplul 3.10. Utilizare adecvată

XHTML 1.0 IE Cr Op Sa Fx

XHTML

atribute

În loc de atributul name, trebuie să specificați id , ,