Differenze tra XHTML e HTML

Scrivendo HTML rigoroso, puoi prepararti per XHTML.

Come prepararsi per XHTML

Non ci sono molte differenze tra lo standard XHTML e HTML 4.01.

Quindi, aggiornare il tuo codice a 4.01 è un ottimo punto di partenza. Il nostro completo《Manuale di riferimento HTML 4.01》ti aiuterà a fare questo.

Inoltre, dovresti scrivere il codice HTML utilizzando lettere minuscole immediatamente, e non abituarti a ignorare tag come </p>.

Ti auguro una piacevole esperienza di programmazione!

La differenza principale è:

  • Gli elementi XHTML devono essere annidati correttamente
  • Gli elementi XHTML devono essere chiusi
  • I nomi dei tag devono essere in minuscolo
  • Il documento XHTML deve avere un elemento radice

Gli elementi devono essere annidati correttamente

In HTML, alcuni elementi possono essere annidati in modo errato tra loro:

<b><i>Questo testo è in grassetto e corsivo</b></i>

In XHTML, tutti gli elementi devono essere correttamente annidati tra loro in questo modo:

<b><i>Questo testo è in grassetto e corsivo</i></b>

Suggerimento:Un errore comune nei elenchi嵌套 è dimenticare che l'elenco interno deve essere all'interno dell'elemento li, come nel seguente esempio:

Questo è sbagliato:

<ul>
  <li>Caffè</li>
  <li>Tè</li>
    <ul>
      <li>Tè nero</li>
      <li>Tè verde</li>
    </ul>
  <li>Latte</li>
</ul>

Questo è corretto:

<ul>
  <li>Caffè</li>
  <li>Tè
    <ul>
      <li>Tè nero</li>
      <li>Tè verde</li>
    </ul>
  </li>
  <li>Latte</li>
</ul>

Attenzione: negli esempi di codice corretto, abbiamo inserito un tag </li> dopo </ul>.

Gli elementi XHTML devono essere chiusi

I tag non vuoti devono essere chiusi

Questo è sbagliato:

<p>Questo è un paragrafo
<p>Questo è un altro paragrafo

Questo è corretto:

<p>Questo è un paragrafo</p>
<p>Questo è un altro paragrafo</p>

Anche i tag vuoti devono essere chiusi

Anche i tag vuoti devono essere chiusi, o il loro tag di apertura deve essere utilizzato/>Fine.

Questo è sbagliato:

Una pausa: <br>
Una linea orizzontale: <hr>
Un'immagine: <img src="happy.gif" alt="Faccia felice">

Questo è corretto:

Una pausa: <br> />
Una linea orizzontale: <hr> />
Un'immagine: <img src="happy.gif" alt="Faccia felice"> />

Gli elementi XHTML devono essere in minuscolo

La specifica XHTML definisce: i nomi degli elementi e gli attributi sono sensibili alle maiuscole e minuscole.

Questo è sbagliato:

<BODY>
<P>Questo è un paragrafo</P>
</BODY>

Questo è corretto:

<body>
<p>Questo è un paragrafo</p>
</body>

Un documento XHTML deve avere un elemento radice

Tutti gli elementi XHTML devono essere racchiusi nell'elemento radice <html>. Tutti gli altri elementi possono avere elementi figli. Gli elementi figli devono essere a paio e devono essere racchiusi all'interno dell'elemento padre. La struttura di base del documento è la seguente:

<html>
<head> ... </head>
<body> ... </body>
</html>