dtd

Tag: dtd

HTML กับ XHTML

กลับมาที่ html กับ xhtml กันต่อ สองภาษานี้คล้ายกันแต่ไม่เหมือนกันและถูกแยกออกเป็นคนละภาษา แต่สร้างขึ้นมาจากโครงสร้างภาษาเดียวกัน งงไหมครับ ถ้างง ก็นี่เลยครับ “สองภาษานี้เขียนไม่เหมือนกัน อย่าเอาไปผสมกัน” ง่ายๆ เลย ถึงแม้ว่า DOCTYPE

คำว่ามาตรฐานกับความนิยมในสองอย่างนั้นแตกต่างกันยังไงผมขอเล่าความสั้นๆ ก่อนนะครับ ว่า html กับ xhtml จะอยู่ร่วมโลกกันอย่างไร การจะเขียนอะไรลงไปในหน้าเอกสาร หรือหน้าเว็บนั้นให้เหลือบมองไปที่ DOCTYPE กันก่อนว่าเอกสารนั้นอยู่ภายใต้ภาษาอะไร ประเภทไหน ถึงแม้ว่าเราจะใช้ Adobe Dreamweaver ในการเขียนหน้าเอกสารขึ้นมาก็ตาม ขอให้ลืมการแสดงผลหน้าเอกสารของ IE6 และ IE7 ไปก่อน การที่เราเขียนเอกสาร วางโครงสร้างให้ถูกต้องตามหลักมาตรฐาน ใน User Agents ที่ได้มาตรฐานจะ Render หน้าเอกสารออกมาได้อย่างถูกต้อง แล้วทำไม IE แสดงผลไม่ถูกต้อง ก็เพราะว่า IE6 และ IE7 ผลิตขึ้นมาไม่ได้เข้าหลักมาตรฐานตามที่ W3C กำหนดนั่นไงหละครับ จึงแสดงผลหน้าเอกสารที่เขียนแบบ ผิดๆ ได้ แต่ Firefox หรือ Opera แสดงผลเพี้ยน ก็เพราะหน้าเอกสารเขียนผิด User Agents ทั้งสองที่ยึดหลักมาตรฐานก็แสดงผลออกมาผิดๆ นั่นเอง ในขณะเดียวกัน ที่ผ่านมา คนนิยมใช้ IE กันทั่วโลก ความถูกต้องจึงถูกละเลย จะไปสนใจบราวเซอร์อื่นทำไม ในเมื่อไออีแสดงผลได้ถูกต้องใช่ไหมครับ แต่เราลืมไปว่า สักวันข้างหน้าความจริงจะปรากฎ เฉกเช่นชั่วโมงนี้ เมื่อบราวเซอร์อื่นๆ ที่ไม่ใช่ ไออีเริ่มแย่งส่วนแบ่งทางการตลาดและคำว่า Web Standards เริ่มแพร่กระจาย อ้าแขนต้อนรับ Semantic Web เพื่อที่จะไปยุค Web 3.0 ยุคที่ความสำคัญของทุกอย่างไม่ว่าจะหน้าบ้านหรือหลังบ้านเท่าเทียมกันหมด เข้าถึงข้อมูลได้เหมือนๆ กัน

XHTML 1.0 Strict ความก้ำกึ่ง คาราคาซัง ที่ต้องเรียนรู้ เข้าใจ และปฏิบัติตาม

สุดท้ายแล้ว สิ่งที่ผมเจออยู่ในตอนนี้ คืออาการ มึนงง คล้ายๆ กับการหลงทาง เพราะอะไรนั่นหรือ เพราะ การเขียนเว็บนี่แหละครับ มันไม่เหมือนเดิม มันไม่เหมือนเมื่อก่อน ไม่เหมือนโดยสิ้นเชิง “ใครๆ ก็ทำเว็บได้” คำๆ นี้คุ้นๆ เหมือนผมเคยได้ยินจากที่ไหนมาก่อน แต่ อยากจะเพิ่มเติมคำนี้เข้าไปด้วย “ใครๆ ก็ควรเข้าใจในหลักการทำเว็บพื้นฐาน& อยากให้เข้าใจ เข้าใจจริงๆ ก่อน ก่อนที่จะเริ่มลงมือทำเว็บสักเว็บ

เคยลองเขียนหน้าเว็บแบบ XHTML 1.1 แล้วเกิดข้อผิดพลาดจนหน้าเว็บไม่แสดงผลบ้างไหมครับ หรือ แสดงผล แต่ผิดเพี้ยน ความหงุดหงิด งุ่นง่านเกิดขึ้นกับผมทุกครั้งที่คิดอยากจะเขียนเว็บแบบ XHTML 1.1 แต่ในชีวิตจริง ถ้าหากคุณยังทำงานกับโปรแกรมเมอร์ที่ยังไม่เข้าใจว่า XHTML 1.1 กับ HTML 4.01 มันต่างกันอย่างไรหละก็ บอกคำเดียวครับ ว่าคุณ ไม่ต้องไปแสดงกล้ามดากอะไรกับเขาเหล่านั้นอีกแล้ว หยิบยื่น XHTML 1.0 Transitional ให้เขาเหล่านั้นก็พอ โลกแห่งความฝันแตกต่างกับความเป็นจริงฉันใด ก็ฉันนั้น โลกแห่งธุรกิจและความสามารถในการพัฒนาตัวตน ของคนทำงานมักไม่เท่ากันเสมอ คำแนะนำคือ เก็บความขมขื่นเอาไว้คนเดียว แล้วไปเขียนระบายความรู้ กู้ความเครียดใน Web Log ของตัวเองซะ

XHTML DOCTYPE เขียนเว็บภายใต้การทำงานของ DTD และ Box Model

“จารย์ครับ ทำไมผมเอาโค้ด ที่เว็บไทยซีเอสมาลองใช้แล้ว มันไม่จัดกลางอย่างตัวอย่างในเว็บครับ” คำถามที่น้องคนนึง ทักถามมาทางเอ็มเอสเอ็น ผมสงสัยปนงงเล็กน้อย ว่าทำไมมันไม่จัดกลาง เพราะดูแล้วมันก็ไม่น่าจะมีปัญหาอะไร

ครู่ใหญ่ๆ ผ่านไป เขาได้ส่ง ลิงค์ให้ผมเข้าไปดู หลังจากที่ผมเปิดดู มันก็ไม่จัดกลางอย่างที่เขาว่า ผมเริ่มอยากจะหาสาเหตุ ต้อง วิวซอร์สดูก่อน

แม่เจ้า DOCTYPE หายไป!

เรื่องเล็กๆ ที่สามารถชี้ชะตาชีวิตได้เลยว่า คุณเหมาะที่จะเขียน XHTML CSS ในระดับไหน

ลบทิ้งทำไมครับ ลบไอ้ภาษาอังกฤษ ที่คุณไม่เข้าใจสองสามบรรทัดข้างบนนั้นทิ้งทำไม ไม่เคยคิดเอะใจ สงสัยว่ามันคืออะไรแล้วหาคำตอบให้กับชีวิตบ้างเลยหรือ

ไม่น่าเชื่อ ว่าหลายๆ คนที่ทำเว็บมายาวนาน จะไม่รู้จักว่า DOCTYPE หรือ ภาษาอังกฤษที่มีแถมมาในหน้าเพจจากเครื่องมือ XHTML Editor นั้นมันคืออะไร สำคัญขนาดไหน (รวมถึงผมตอนรู้จักและหัดทำเว็บใหม่ๆ เมื่อหลายปีก่อนด้วย)

Dreamweaver 8.0.2 กับ XHTML 1.0 Strict

อ้าว เร่เข้ามา พ่อแม่พี่น้อง มาก่อนได้นั่งหน้า มาช้าได้นั่งหลัง มาทีหลังอาจได้ยืน มาดึกๆ ดื่นๆ อาจได้ขี่คอกันดู วันนี้ ผมจะนำเสนอเรื่องความอ่อนด้วย ปัญญาในการใช้โปรแกรม Adobe Macromedia Dreamweaver 8.0.2 ของผมเอง

ด้วยความสักแต่ว่าใช้ ไม่ดูตาม้าตาเรือ และไม่เอาประโยชน์ออกมาใช้ให้เต็มที่

วันนี้จะมาสารภาพความโง่ด้วยการ ปรับโปรแกรมให้เขียน XHTML 1.0 Strict แบบเบาๆ

XHTML อะไรบ้างที่ “ต้องรู้”

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

ทำไมถึงต้อง XHTML ใช้ HTML ไม่ได้หรือ ได้ครับ ถ้าเว็บเรา ธรรมดา ชิวชิว ไม่ต้องตามเทคโนโลยีมาก ใช้ HTML ก็ได้ ไม่มีใครว่าครับ ใช้ กับ CSS ได้ดีเหมือนกัน

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

Back to Top

Social Share Buttons and Icons powered by Ultimatelysocial