มารู้จักกับ xhtml กันก่อน
XHTML (Extensible HyperText Markup Language) มาตรฐานใหม่ เพราะว่า html แบบเดิมๆนั้น ไม่สามารถแสดงผลได้ตรงกันในทุก browser ได้นั่นเอง ทาง องค์กร W3C จึงได้กำหนดมาตรฐานใหม่ เป็น xhtml โดยนำข้อดีของ xml และ html มารวมเข้าด้วยกัน และเพิ่มกฎเกณฑ์บางประการ ให้มีความเข้มงวดมากยิ่งขึ้น เพื่อให้เป็นมาตรฐานเดียวกัน และแสดงผลในทุก browser ได้อย่างถูกต้อง
รูปแบบเอกสาร xhtml
<!DOCTYPE…>
<html…..>
<title>……</title>
<head>
</head>
<body>
………………….
</body>
</html>
ในเอกสาร xhtml นั้นจะต้องกำหนด DOCTYPE ด้วยทุกครั้ง DOCTYPE แต่ละรูปแบบต่างกันอย่างไร
จุดสำคัญของ xhtml
- ต้องมีลักษณะเป็น Well formed รูปแบบถูกต้อง ไม่พิมพ์ตกหล่น
- ทุก tag ต้องมี tag ปิด ด้วยเสมอ
- ชื่อ tag และ attribute ต้องเป็นตัวพิมพ์เล็ก ทั้งหมด
- attribute values ต้องคลุมด้วย quoted
เช่น <p> ปิดด้วย </p>
ถ้าเป็น tag ที่แต่เดิมไม่มีตัวปิดให้เขียนในลักษณะนี้
<img src=”………” mce_src=”………” /> ,
<input type=”checkbox” checked=”checked” />
ไม่ควรเขียน <BODY><P></P></BODY>
แต่จะต้องเป็น <body><p></p></body>
เช่น <div class=red> ต้องเขียนเป็น <div class=”red”>
สำหรับผมใช้ Dreamweaver8 เราก็กำหนดให้เป็นเอกสาร xhtml ตั้งแต่ต้นได้เลย กด File / New จะมีกล่องด้านล่างขวา ให้เลือก Doctype
แนะนำให้เลือกเป็น xhtml1.0-transitional ครับ
