Ultimele tutoriale de dezvoltare web

HTML și XHTML

❮ Anterior Urmatorul capitol ❯

XHTML este HTML scris ca XML.

Ce este XHTML?

  • XHTML standuri pentru Extensible Markup Language Hyper Text
  • XHTML este aproape identic cu HTML
  • XHTML este mai strictă decât HTML
  • XHTML este HTML definit ca o aplicație XML
  • XHTML este suportat de toate browserele importante

De ce XHTML?

Multe pagini de pe Internet conțin "bad" HTML.

Acest cod HTML funcționează bine în cele mai multe browsere (even if it does not follow the HTML rules) :

<html>
<head>
  <title>This is bad HTML</title>

<body>
  <h1>Bad HTML
  <p>This is a paragraph
</body>

piață de astăzi este format din diferite tehnologii de browser. Unele browsere rula pe computere, iar unele browsere rula pe telefoanele mobile sau alte dispozitive mici. Dispozitive mai mici de multe ori nu dispun de resursele sau puterea de a interpreta "bad" marcare.

XML este un limbaj de marcare în cazul în care documentele trebuie să fie marcate corect (be "well-formed") .

Dacă doriți să studieze XML, vă rugăm să citiți tutorial XML .

Prin combinarea punctele forte ale HTML si XML, XHTML a fost dezvoltat.

XHTML este HTML reproiectat ca XML.

Cele mai importante diferențe față de HTML:

Structura Document

  • XHTML DOCTYPE este obligatorie
  • The xmlns atribut in <html> este obligatorie
  • <html> , <head> , <title> și <body> sunt obligatorii

Elemente XHTML

  • Elementele XHTML trebuie sa fie properly nested
  • Elementele XHTML trebuie să fie întotdeauna closed
  • Elementele XHTML trebuie să fie în lowercase
  • Documentele XHTML trebuie să aibă one root element

Atributele XHTML

  • Numele atributelor trebuie să fie în lower case
  • Valorile atributelor trebuie să fie quoted
  • Minimizarea atribut este forbidden

<!DOCTYPE ....> Este obligatoriu

Un document XHTML trebuie să aibă o declarație DOCTYPE XHTML.

O listă completă a tuturor doctypes XHTML se găsește în nostru HTML Tag - uri de referință.

<html> , <head> , <title> și <body> elemente trebuie să fie prezente, iar xmlns atributul în <html> trebuie să specifice spațiul de nume xml pentru document.

Acest exemplu arată un document XHTML, cu un minim de etichete necesare:

<!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">

<head>
  <title>Title of document</title>
</head>

<body>
  some content
</body>

</html>

XHTML elemente trebuie să fie corect imbricate

In HTML, unele elemente pot fi imbricate în mod abuziv una în alta, ca aceasta:

<b><i>This text is bold and italic</b></i>

În XHTML, toate elementele trebuie imbricate corect între ele, cum ar fi acest lucru:

<b><i>This text is bold and italic</i></b>

Elemente XHTML trebuie să fie închis

Este gresit:

<p>This is a paragraph
<p>This is another paragraph

Asta e corect:

<p>This is a paragraph</p>
<p>This is another paragraph</p>

Elementele goale trebuie să fie de asemenea, închis

Este gresit:

A break: <br>
A horizontal rule: <hr>
An image: <img src="happy.gif" alt="Happy face">

Asta e corect:

A break: <br />
A horizontal rule: <hr />
An image: <img src="happy.gif" alt="Happy face" />

XHTML elemente trebuie să fie în cauza de Jos

Este gresit:

<BODY>
<P>This is a paragraph</P>
</BODY>

Asta e corect:

<BODY>
<P>This is a paragraph</P>
</BODY>

XHTML nume de atribute trebuie să fie în cauza de Jos

Este gresit:

<table WIDTH="100%">

Asta e corect:

<table WIDTH="100%">

Valorile atributelor trebuie sa fie Quoted

Este gresit:

<table width=100%>

Asta e corect:

<table WIDTH="100%">

Caracteristica Minimalizarea este interzisă

Gresit:

<input type="checkbox" name="vehicle" value="car" checked />

Corect:

<input type="checkbox" name="vehicle" value="car" checked="checked" />

Gresit:

<input type="text" name="lastname" disabled />

Corect:

<input type="text" name="lastname" disabled="disabled" />

Cum se convertesc la HTML la XHTML

  1. Adăugați un XHTML <!DOCTYPE> la prima linie a fiecărei pagini
  2. Adăugați un xmlns atribut la elementul HTML al fiecărei pagini
  3. Schimbarea toate numele de elemente în litere mici
  4. Închideți toate elementele goale
  5. Schimbarea toate nume de atribute în litere mici
  6. Citat toate valorile atributelor

Validează XHTML cu Validatorul W3C

Pune adresa web în caseta de mai jos:



❮ Anterior Urmatorul capitol ❯