ความแตกต่างระหว่าง XHTML และ HTML

ด้วยการเขียน HTML ที่เข้มงวด คุณสามารถเตรียมความพร้อมสำหรับ XHTML

วิธีการเตรียมความพร้อมสำหรับ XHTML

XHTML และ HTML 4.01 มีความแตกต่างน้อยมาก

ดังนั้นการปรับรหัสของคุณขึ้นสู่ 4.01 จึงเป็นขั้นตอนที่ดีคู่มืออ้างอิง HTML 4.01จะช่วยคุณทำได้นี้

นอกจากนี้ คุณควรใช้ตัวอักษรเล็กเขียนรหัส HTML ทันที และต้องไม่สร้างประพันธ์ร้ายด้วยการละเลยแบบแบบเช่น </p>

ขอให้พวกคุณมีความสุขในการเขียนรหัส!

ความแตกต่างที่สำคัญที่สุด:

  • องค์ประกอบXHTMLต้องถูกวางชัดเจน
  • องค์ประกอบXHTMLต้องถูกปิด
  • ชื่อแบบแบบต้องใช้ตัวอักษรเล็ก
  • เอกสารXHTMLต้องมีองค์ประกอบเดี่ยว

องค์ประกอบต้องถูกวางชัดเจน

ใน HTML บางองค์ประกอบอาจถูกวางชัดเจนต่อกันแบบนี้:

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

ใน XHTML ทุกองค์ประกอบต้องถูกวางชัดเจนเหมือนนี้ต่อกัน:

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

ข้อเทคนิค:ในรายการที่ทับซ้อนกัน ข้อผิดพลาดที่ง่ายต่อการทำให้เกิดขึ้นคือลืมว่ารายการภายในต้องอยู่ในตัวอักษร li อย่างเช่นด้านล่างนี้:

This is incorrect:

<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
      <li>Black tea</li>
      <li>Green tea</li>
    </ul>
  <li>Milk</li>
</ul>

This is correct:

<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
      <li>Black tea</li>
      <li>Green tea</li>
    </ul>
  </li>
  <li>Milk</li>
</ul>

注意：ในตัวอย่างรหัสที่ถูกต้อง，เราได้ใส่แบบแบบ <li> หลังจาก </ul>

XHTML ต้องถูกปิด

แบบแบบที่ไม่ว่างต้องถูกปิด

This is incorrect:

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

This is correct:

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

แบบแบบที่ว่างก็ต้องถูกปิด

แบบแบบที่ว่างก็ต้องถูกปิด หรือต้องใช้แบบแบบเริ่มต้น/>สิ้นสุด

This is incorrect:

การจาง: <br>
เส้นน้ำตก: <hr>
ภาพ: <img src="happy.gif" alt="Happy face">

This is correct:

การจาง: <br />
เส้นน้ำตก: <hr />
ภาพ: <img src="happy.gif" alt="Happy face" />

XHTML ต้องมีตัวอักษรเล็ก

XHTML มาตราการกำหนด: ชื่อแบบและคู่ชนิดของแบบฟอร์มต้องสนิทกับระดับตัวอักษร

This is incorrect:

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

This is correct:

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

เอกสาร XHTML ต้องมีองค์ประกอบต้น

ทุกองค์ประกอบ XHTML ต้องมีอยู่ในองค์ประกอบกฺากฺาหลัก <html> โดยที่องค์ประกอบอื่นทุกองค์ประกอบสามารถมีลูกองค์ประกอบ ลูกองค์ประกอบต้องเป็นเดี่ยวเดียวและถูกจับตัวที่องค์ประกอบพ่อของมัน โครงสร้างเอกสารพื้นฐานคือ:

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