Home > เริ่มต้นกับ CSS > มารู้จักกับ xhtml กันก่อน

มารู้จักกับ 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 ปิด ด้วยเสมอ
  • เช่น <p> ปิดด้วย </p>
    ถ้าเป็น tag ที่แต่เดิมไม่มีตัวปิดให้เขียนในลักษณะนี้
    <img src=”………” mce_src=”………”? /> ,
    <input type=”checkbox” checked=”checked” />

  • ชื่อ tag และ attribute ต้องเป็นตัวพิมพ์เล็ก ทั้งหมด
  • ไม่ควรเขียน <BODY><P></P></BODY>
    แต่จะต้องเป็น <body><p></p></body>

  • attribute values ต้องคลุมด้วย quoted
  • เช่น <div class=red> ต้องเขียนเป็น <div class=”red”>

สำหรับผมใช้ Dreamweaver8 เราก็กำหนดให้เป็นเอกสาร xhtml ตั้งแต่ต้นได้เลย กด File / New จะมีกล่องด้านล่างขวา ให้เลือก Doctype

แนะนำให้เลือกเป็น xhtml1.0-transitional ครับ

Related Articles


Share
Categories: เริ่มต้นกับ CSS
Tags:

About the author

Webmaster ของเว็บนี้และ www.toysmile.com กับ www.wondercutie.com ความสามารถ : web design, graphic design, CSS, PHP programming, wordpress, magento ตอนนี้กำลังสนใจ : การออกแบบ ตัวการ์ตูน คาแรคเตอร์ ^^

Website : http://www.divland.com

Facebook : http://www.facebook.com/divland

Twiter : http://twitter.com/divland


  1. December 6th, 2009 at 17:47 | #1

    ข้อมูลมีประโยชน์มากครับ

  2. December 6th, 2009 at 17:48 | #2

    แบบนี้ต้องลองครับ

  3. April 22nd, 2010 at 03:36 | #3

    อยากทราบรายละเอียดเกี่ยวกับ doctype เพิ่มน่ะครับ

    อยากทราบว่า strict กับ transitional มันต่างกันยังไงบ้าง

    วิท (http://www.tutorpoint.net)

  4. April 29th, 2010 at 19:53 | #4

    ขอบคุณมากครับ

  1. No trackbacks yet.