Gli ultimi tutorial di sviluppo web

HTML e XHTML

❮ Precedente Successivo Capitolo ❯

XHTML è HTML scritto come XML.

Che cosa è XHTML?

  • XHTML acronimo di EXtensible Hyper Text Markup Language
  • XHTML è quasi identica a HTML
  • XHTML è più rigoroso di HTML
  • XHTML è HTML definito come un'applicazione XML
  • XHTML è supportata da tutti i principali browser

Perché XHTML?

Molte pagine su Internet contengono "bad" HTML.

Questo codice HTML funziona bene nella maggior parte dei browser (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>

Oggi il mercato è composto da diverse tecnologie del browser. Alcuni browser eseguiti su computer, e alcuni browser eseguiti su telefoni cellulari o altri dispositivi di piccole dimensioni. Dispositivi più piccoli spesso non hanno le risorse o il potere di interpretare "bad" di marcatura.

XML è un linguaggio di markup in cui i documenti devono essere contrassegnati in modo corretto (be "well-formed") .

Se si vuole studiare XML, si prega di leggere il nostro tutorial di XML .

Combinando i punti di forza di HTML e XML, XHTML è stato sviluppato.

XHTML è HTML ridisegnato come XML.

Le differenze più importanti da HTML:

Struttura del documento

  • Valid DOCTYPE è obbligatoria
  • Le xmlns attributo in <html> è obbligatoria
  • <html> , <head> , <title> e <body> sono obbligatori

XHTML Elementi

  • Elementi XHTML devono essere properly nested
  • Elementi XHTML devono essere sempre closed
  • Elementi XHTML devono essere in lowercase
  • I documenti XHTML devono avere one root element

Attributi XHTML

  • Nomi degli attributi devono essere in lower case
  • I valori degli attributi devono essere quoted
  • La minimizzazione degli attributi è forbidden

<!DOCTYPE ....> è obbligatorio

Un documento XHTML deve avere una dichiarazione DOCTYPE XHTML.

Un elenco completo di tutti i DOCTYPE XHTML si trova nel nostro tag HTML Reference.

Il <html> , <head> , <title> e <body> elementi devono anche essere presenti, e le xmlns attributo <html> deve specificare il namespace XML per il documento.

Questo esempio mostra un documento XHTML con un minimo di tag richiesti:

<!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 gli elementi devono essere annidati correttamente

In HTML, alcuni elementi possono essere impropriamente annidati uno dentro l'altro, in questo modo:

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

In XHTML, tutti gli elementi devono essere correttamente annidati uno dentro l'altro, in questo modo:

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

XHTML elementi devono sempre chiusa

Questo è sbagliato:

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

Questo è corretto:

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

Gli elementi vuoti devono essere chiuso

Questo è sbagliato:

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

Questo è corretto:

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

XHTML elementi devono essere in minuscolo

Questo è sbagliato:

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

Questo è corretto:

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

XHTML I nomi degli attributi devono essere in Lower Caso

Questo è sbagliato:

<table WIDTH="100%">

Questo è corretto:

<table WIDTH="100%">

Valori degli attributi devono essere citato

Questo è sbagliato:

<table width=100%>

Questo è corretto:

<table WIDTH="100%">

La minimizzazione degli attributi è vietato

Sbagliato:

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

Corretta:

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

Sbagliato:

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

Corretta:

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

Come convertire da HTML a XHTML

  1. Aggiungere un XHTML <!DOCTYPE> per la prima riga di ogni pagina
  2. Aggiungere un xmlns attributo per l'elemento HTML di ogni pagina
  3. Modificare tutti i nomi degli elementi in minuscolo
  4. Chiudere tutti gli elementi vuoti
  5. Cambiare tutti i nomi degli attributi in lettere minuscole
  6. Quota tutti i valori di attributo

Convalida XHTML con il W3C Validator

Metti il ​​tuo indirizzo web nella casella qui sotto:


❮ Precedente Successivo Capitolo ❯