Skillnaden mellan XHTML och HTML

Genom att börja skriva strikt HTML kan du förbereda dig för XHTML.

Hur man förbereder sig för XHTML

XHTML och HTML 4.01-standarder skiljer sig inte mycket.

Så att uppdatera din kod till 4.01 är en bra start. Vårt fullständiga《HTML 4.01 referenshandbok》 kommer att hjälpa dig med detta.

Dessutom bör du genast börja skriva HTML-kod med små bokstäver, och aldrig utveckla en dålig vana att ignorera taggar som </p>.

Önskar att du har en trevlig kodning!

Den främsta skillnaden:

  • XHTML-element måste vara korrekt inbäddade.
  • XHTML-element måste stängas.
  • Etikettnamn måste vara i små bokstäver.
  • XHTML-dokument måste ha en rootelement.

Element måste vara korrekt inbäddade

I HTML kan vissa element vara felaktigt inbäddade på detta sätt:

<b><i>Den här texten är fet och kursiv</b></i>

I XHTML måste alla element vara korrekt inbäddade på detta sätt:

<b><i>Den här texten är fet och kursiv</i></b>

Tips:En vanlig misstag i inbäddade listor är att glömma att den inre listan måste ligga inom li-elementet, som i följande exempel:

Detta är felaktigt:

<ul>
  <li>Kaffe</li>
  <li>Te
    <ul>
      <li>Svart te</li>
      <li>Grön te</li>
    </ul>
  <li>Mjölk</li>
</ul>

Detta är korrekt:

<ul>
  <li>Kaffe</li>
  <li>Te
    <ul>
      <li>Svart te</li>
      <li>Grön te</li>
    </ul>
  </li>
  <li>Mjölk</li>
</ul>

Observera: I exempel på korrekt kod har vi lagt till en </li>-tagg efter </ul>.

XHTML-element måste stängas

Tomma etiketter måste använda sluttagg.

Detta är felaktigt:

<p>Detta är en stycke
<p>Detta är en annan paragraf

Detta är korrekt:

<p>Detta är en stycke</p>
<p>Detta är en annan paragraf</p>

Tomma etiketter måste också stängas

Tomma etiketter måste också använda sluttagg, eller dess starttag måste användas/>Slutet.

Detta är felaktigt:

En brytning: <br>
En horisontell regel: <hr>
En bild: <img src="happy.gif" alt="Glada ansikte">

Detta är korrekt:

En brytning: <br />
En horisontell regel: <hr />
En bild: <img src="happy.gif" alt="Glada ansikte" />

XHTML 元素必须小写

XHTML 规范定义：标签名和属性对大小写敏感。

Detta är felaktigt:

<BODY>
<P>Detta är en stycke</P>
</BODY>

Detta är korrekt:

<body>
<p>Detta är en stycke</p>
</body>

XHTML-dokument måste ha en root-element

Alla XHTML-element måste vara inbäddade i <html>-rootelementet. Övriga element kan ha underkomponenter. Underkomponenterna måste vara parvisa och inbäddade i sina föräldrelement. Grunden dokumentstruktur är som följer:

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