DOCTYPE ข้ามไม่ได้!

สิ่งสำคัญที่สุดอย่างแรกของ XHTML เลยก็คือ DOCTYPE ครับ หรือการประกาศคุณลักษณะ ของหน้าเว็บนั่นเอง ที่ต้องประกาศ เพื่อให้เหล่า User Agents เข้าใจถูกต้องว่าเราเขียนเว็บมาด้วยภาษาอะไร ระดับไหนเป็นสำคัญ

DOCTYPE คือ คำสั่งภาษาอังกฤษ ยาว สองสามบรรทัด เวลาเราเปิดโปรแกรม อีดิทเตอร์ ใดๆ ขึ้นมาเขียนเว็บนั่นเอง (นับเฉพาะโปรแกรมที่มีให้นะครับ ไม่นับ Notepad หรือ EditPlus)

การประกาศ DOCTYPE สำหรับ XHTML มีที่ใช้บ่อย 3 ประเภท 4 ลักษณะ ไม่รวม XHTML Mobile 1.0 คือ

  • XHTML 1.0 Strict
  • XHTML 1.1
  • XHTML 1.0 Transitional
  • XHTML 1.0 Frameset

ซึ่งทั้ง 3 ประเภท 4 ลักษณะ ต่างกันที่รายละเอียด

แบบแรก คือ

1. XHTML 1.0 Strict

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

การใช้หน้าเว็บแบบ XHTML 1.0 Strict นี้ เหมาะสมจะใช้เมื่อคุณมั่นใจว่า หน้าเว็บที่เขียนนั้น ล้วนแล้วแต่เป็นโครงส้รางภาษาแบบ XHTML ทั้งสิ้น และอนุญาตให้ แต่งองค์ทรงเครื่องหน้าเว็บด้วย CSS เท่านั้น ครับ

ไม่สามารถเขียน <body bgcolor=black></body> ได้

XHTML 1.1

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

ลักษณะการใช้ คล้ายกันกับ XHTML 1.0 Strict คือใช้ XHTML คู่กับ CSS

แต่ควรใช้เมื่อต้องการ เขียนโครงสร้างเว็บแบบ ใหม่ทั้งหมด (XML)

2. XHTML 1.0 Transitional

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

แบบนี้ อณุญาตให้เราใช้ HTML 4.0 ร่วมได้ สามารถเรียกใช้ทั้ง CSS กับ XHTML เช่น <body bgcolor=red></body> หรือ เขียนแบบใช้ css <body style=”background-color: red;”> อย่างนี้เป็นต้น<

ซึ่ง ข้อดีของ XHTML 1.0 Transitional คือการที่จะช่วยให้ บราวเซอร์ เก่าๆ โดยเฉพาะ IE6 นั้นสามารถ เข้าใจภาษา ได้ใกล้เคียงกัน และ เอาไปใช้ในกรณีที่ XHTML บาง tag ไม่สามารถใช้กับ บราวเซอร์เก่าๆ ได้ เราใช้ html คู่ไปได้

3. XHTML 1.0 Frameset

อันนี้ใชกับเฟรมครับ กรณีเอาหน้าเว็บมาแบบ เฟรม อาจจะพันตูกันเยอะเแยะ ครับ

หลายท่านอาจจะบอกว่า ไม่เห็นต้องเข้ารหัสตามที่ ผมกล่าวไว้เลย เว็บก็ยังดูได้ ไม่เห็นเพี้ยนซะหน่อย ครับ มันไม่เพี้ยน แต่ถ้าลองเอาไปตรวจ ตามมาตรฐาน W3C หละ ท่านเคยลองเอาหน้าเว็บเข้าไปตรวจกับเขาบ้างหรือยัง เมื่อผลตรวจหน้าเว็บออกมา อาจจะอึ้งเอาได้

สำหรับห้วงเวลานี้ ผมขอแนะนำ XHTML 1.0 Transitional เป็นตัวเลือกแรกก่อนนะครับ แต่สำหรับใคร มั่นใจว่า ตะลุย XHTML, CSS ผ่าน แบบ Strict ได้ก็ XHTML 1.0 Strict ไปก่อนเลยครับ ไม่ว่ากัน แต่ส่วนตัวผมที่ยังไม่ใช้ XHTML 1.0 Strict เพราะยังเกรงใจผู้ใช้ IE6 อยู่ครับ

** แก้ไขเรื่อง XHTML 1.1 เพิ่มเติม

Did you like this? Share it:
Share |

Back to Top

This entry was posted in XHTML

Tagged: ,

เนื้อหาที่คล้ายคลึงกัน อย่างมีนัยสำคัญ

14 Responses to DOCTYPE ข้ามไม่ได้!

  1. IcEsTea says:

    เพิ่งรู้เหมือนกันพี่ ผมเจอ ผมลบอย่างเดียวเลย แห่ะๆๆๆ

    Reply

  2. อัง says:

    ขอบคุณมาก ๆ เลยค่ะ พึ่งจะรู้ว่าแต่ละอัน เอาไว้ใช้ทำอะไรมั่ง เพราะส่วนใหญ่แล้ว ก็ใช้ XHTML 1.0 Strict แต่ก็ไม่รู้ความหมายมากเท่าไร

    Reply

  3. dogdoy says:

    ขอบคุณมากๆครับ เพิ่งจะเข้าใจก็วันนี้เอง :)

    Reply

  4. MP3WizarD says:

    พื้นฐานที่ควรรู้จริงๆ ครับ..​ ในห้องเรียนน่าจะมีสอนพวกนี้บ้างนะ (จะมีสักกี่คนในไทยที่รู้เรื่องนี้หรือสนใจเรื่องนี้ในปัจจุบัน)

    Reply

  5. พร อันทะ says:

    รู้สึกว่า ผมจเขียนผิดแฮะ

    XHTML 1.0 เฉยๆ นะครับ

    เขียนได้เลย แต่ ต้องมันใจว่า หน้าเว็บต้องเป็น XHTML

    แนวใหม่ทั้งดุ้น

    แก้ข่าว อย่างแรง

    Reply

  6. พร อันทะ says:

    อ่าว ยังผิดอีก หนึ่งจุดหนึ่ง ดิ ไม่ใช่ หนึ่งจุดศูนย์

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

Connect with Facebook

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Back to Top

TEXT & text Effectes

Layout and Box Model

Transitions and Animations