Forskellen mellem XHTML og HTML

Ved at begynde at skrive streng HTML kan du forberede dig på XHTML.

Sådan forbereder du dig på XHTML

Der er ikke så mange forskelle mellem XHTML og HTML 4.01-standarder.

Så at opgradere din kode til 4.01 er et godt skridt. Vores fulde《HTML 4.01 referencehåndbog》 vil hjælpe dig med dette.

Desuden skal du straks skrive HTML-kode med små bogstaver og undgå at udvikle dårlige vaner som at ignorere tags som </p>.

Vi ønsker dig en glad kodning!

Den største forskel:

  • XHTML-elementer skal være korrekt indlejret
  • XHTML-elementer skal lukkes
  • Tagnavne skal bruge små bogstaver
  • XHTML-dokumenter skal have en rod-element

Elementer skal være korrekt indlejret

I HTML kan nogle elementer være forkert indlejret som følger:

<b><i>Denne tekst er fed og kursiv</b></i>

I XHTML skal alle elementer være korrekt indlejret som følger:

<b><i>Denne tekst er fed og kursiv</i></b>

Tip:En let at gøre fejl i en indlejret liste er at glemme, at den interne liste skal være placeret inde i li-elementet, som vist nedenfor:

Dette er forkert:

<ul>
  <li>Kaffe</li>
  <li>Te
    <ul>
      <li>Sort te</li>
      <li>Grøn te</li>
    </ul>
  <li>Mælk</li>
</ul>

Dette er korrekt:

<ul>
  <li>Kaffe</li>
  <li>Te
    <ul>
      <li>Sort te</li>
      <li>Grøn te</li>
    </ul>
  </li>
  <li>Mælk</li>
</ul>

Bemærk: I eksempler på korrekt kode, indsætter vi en </li>-tag efter </ul>.

XHTML-elementer skal lukkes

Ikke-tomme tag skal bruge afslutningstag.

Dette er forkert:

<p>Dette er en afsnit
<p>Dette er en anden afsnit

Dette er korrekt:

<p>Dette er en afsnit</p>
<p>Dette er en anden afsnit</p>

Tomme tag også skal lukkes

Tomme tag også skal bruge afslutningstag, eller deres begyndelsestag skal bruges/>Afslutning.

Dette er forkert:

En brydning: <br>
En horisontal linje: <hr>
Et billede: <img src="happy.gif" alt="Glade ansigt">

Dette er korrekt:

En brydning: <br />
En horisontal linje: <hr />
Et billede: <img src="happy.gif" alt="Glade ansigt" />

XHTML 元素必须小写

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

Dette er forkert:

<BODY>
<P>Dette er en afsnit</P>
</BODY>

Dette er korrekt:

<body>
<p>Dette er en afsnit</p>
</body>

XHTML-dokumenter skal have en rod element

Alle XHTML elementer skal være indlejret i <html>-rod-elementet. Alle andre elementer kan have underelementer. Underelementer skal være parvis og indlejret i deres overordnede elementer. En grundlæggende dokumentstruktur ser sådan ud:

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