XHTML ja HTML:än väliset erot

Aloitamalla kirjoittamaan tiukkaa HTML:ää voit valmistautua XHTML:hen.

Miten valmistautua XHTML:hen

XHTML ja HTML 4.01 -standardit eivät eroa paljoa toisistaan.

Siis päivitä koodisi 4.01 -versioon, se on hyvä aloitus. Meillä on täydellinen《HTML 4.01 -viittaus》 auttaa sinua tässä.

Lisäksi sinun tulisi kirjoittaa HTML-koodia pienillä kirjaimilla heti ja välttää kaikkia huonoja tapoja, kuten </p> -merkkien sivuuttamista.

Toivottavasti nautit koodauksesta!

Tärkein ero:

  • XHTML-elementit täytyy olla toistensa sisällä oikein
  • XHTML-elementit täytyy sulkea.
  • Taginimet täytyy olla pienillä kirjaimilla.
  • XHTML-dokumentin täytyy olla juurelementti.

Elementit täytyy olla toistensa sisällä oikein

HTML:ssä jotkut elementit voivat olla toistensa sisällä väärin, kuten seuraavassa:

<b><i>Tämä teksti on粗体和斜体</b></i>

XHTML:ssä kaikki elementit täytyy olla toistensa sisällä oikein, kuten seuraavassa:

<b><i>Tämä teksti on粗体和斜体</i></b>

Vinkki:Yksi yleinen virhe sisäkkäisissä listoissa on unohtaa, että sisäiset listat täytyy olla li-elementissä, kuten seuraavassa esimerkissä:

Tämä on väärin:

<ul>
  <li>Kahvi</li>
  <li>Tee</li>
    <ul>
      <li>Puhtaat tee</li>
      <li>Viher tee</li>
    </ul>
  <li>Maito</li>
</ul>

Tämä on oikein:

<ul>
  <li>Kahvi</li>
  <li>Tee
    <ul>
      <li>Puhtaat tee</li>
      <li>Viher tee</li>
    </ul>
  </li>
  <li>Maito</li>
</ul>

Huomioitavaa: Oikein kirjoitetuun esimerkkiin olemme lisänneet </ul> jälkeen </li> -merkin.

XHTML-elementit täytyy sulkea

Tyhjät elementit täytyy sulkea loppuvedonlynnillä.

Tämä on väärin:

<p>Tämä on kappale
<p>Tämä on toinen kappale

Tämä on oikein:

<p>Tämä on kappale</p>
<p>Tämä on toinen kappale</p>

Tyhjät elementit täytyy myös sulkea

Tyhjät elementit myös täytyy sulkea loppuvedonlynnillä tai niiden alkuperäinen merkki täytyy käyttää/>Loppu.

Tämä on väärin:

Rivinvaihto: <br>
Horisontaalinen viiva: <hr>
Kuva: <img src="happy.gif" alt="Näyttävä naama">

Tämä on oikein:

Rivinvaihto: <br> />
Horisontaalinen viiva: <hr> />
Kuva: <img src="happy.gif" alt="Näyttävä naama" />

XHTML元素必须小写

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

Tämä on väärin:

<BODY>
<P>Tämä on kappale</P>
</BODY>

Tämä on oikein:

<body>
<p>Tämä on kappale</p>
</body>

XHTML-asiakirjan on oltava yksi juurelementti

Kaikki XHTML-elementit on sijoitettava <html>-juurelementtiin. Kaikki muut elementit voivat olla vanhempien elementtien alaisia. Vanhempien elementtien alaiset elementit on oltava parittomia ja ne on sijoitettava vanhempien elementtien sisään. Perusasiakirja rakenteen on seuraava:

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