XHTML: การเข้ารหัสเว็บสำหรับการออกแบบที่บริสุทธิ์

• อาจ 3, 2024

XHTML 1.0 และ 1.1 หมายถึง EXtensible HyperTต่อ Markup Lความเจ็บปวดและเป็นตัวแทนของการก้าวกระโดดครั้งใหญ่จาก HTML 4.0 พวกเขารวมสิ่งที่ดีที่สุดของ HTML 4.0 เข้ากับ XML เพื่อให้นักออกแบบมีรูปแบบการเข้ารหัสที่ซับซ้อนยิ่งขึ้น

W3C ซึ่งเป็นผู้ปกครองของทุกภาษา HTML ได้อธิบาย XHTML 1.0 ว่าเป็น "การเปลี่ยนแปลงครั้งใหญ่ครั้งแรกกับ HTML ตั้งแต่ HTML 4.0 ได้เปิดตัวในปี 1997 มันนำความเข้มงวดของ XML ไปยังหน้าเว็บและเป็นหลักสำคัญในการทำงานของ W3C เพื่อสร้างมาตรฐาน หน้าเว็บที่สมบูรณ์ยิ่งขึ้นบนแพลตฟอร์มเบราว์เซอร์ที่เพิ่มขึ้นอย่างต่อเนื่องเช่นโทรศัพท์มือถือโทรทัศน์รถยนต์อุปกรณ์สื่อสารไร้สายขนาดใหญ่กระเป๋าตู้และเดสก์ท็อป "

รูปแบบ XHTML

XHTML มีสามประเภทที่แตกต่างกันเพื่อตอบสนองความต้องการของนักออกแบบเว็บไซต์ทั้งหมด เหล่านี้รวมถึง Strict, Transitional และ Frameset XHTML

XHTML 1.0 ที่เข้มงวด - รูปแบบบริสุทธิ์ที่สุดสำหรับนักออกแบบเว็บไซต์ที่มีประสบการณ์ รุ่นนี้ช่วยให้คุณสร้างรหัสสะอาดส่งเสียงดังเอี้ยโดยไม่ต้องใส่รหัสรูปแบบ (แบบอักษร, สี, เลย์เอาต์) ในเอกสาร แต่คุณรวมรหัส Cascading Style Sheet (CSS) ที่จุดเริ่มต้น

XHTML 1.0 การนำส่ง - รูปแบบกลางของรหัสถนนเพื่อช่วยให้นักออกแบบที่ต้องการเวลาในการเรียนรู้วิธีการเข้ารหัสใหม่หรือต้องการรองรับผู้ชมที่ยังคงใช้เว็บเบราว์เซอร์รุ่นเก่า มีการใช้สไตล์ชีต แต่มีการใช้รหัส HTML แบบเก่าที่ดี ตัวอย่างเช่นแท็ก body ยังมีแอตทริบิวต์ bgcolor, text, links, vlinks

XHTML 1.0 เฟรม - รูปแบบนี้เป็นคำอธิบายด้วยตนเอง - คุณใช้มันเมื่อคุณต้องการรวม XHTML ลงในเอกสารที่ใช้เฟรม

อีกรุ่นที่สูงกว่าอีก XHTML 1.1 อนุญาตให้เพิ่มโค้ดแบบแยกส่วนสำหรับความต้องการด้านการเข้ารหัสระหว่างประเทศและพิเศษอื่น ๆ โมดูล RUBY ได้รับการจัดตั้งขึ้นเพื่ออำนวยความสะดวกในการเขียนโปรแกรมพิเศษนี้ การเปลี่ยนแปลงที่สำคัญที่สุดเพียงอย่างเดียวใน XHTML 1.1 คือการแยกข้อมูลออกจากงานนำเสนอ การจัดรูปแบบไม่ได้ฝังอยู่กับข้อมูลอีกต่อไปและสามารถทำได้โดยการอ้างอิงถึง Cascading Style Sheets (CSS) ซึ่งจะทำให้ข้อมูลสามารถแยกวิเคราะห์และนำมาใช้ใหม่ได้ง่ายด้วยผลิตภัณฑ์ที่ไม่ใช่เดสก์ทอปและแอปพลิเคชันการเข้าถึงที่หลากหลาย

จัดเก็บ HTML ของคุณ

Dave Raggett และ Source Forge ของ W3C ในขณะนี้มียูทิลิตี้โอเพนซอร์สที่ยอดเยี่ยม, HTML Tidy ให้กับนักออกแบบที่ต้องการแปลงเอกสาร HTML ปัจจุบันเป็น XHTML (และจัดระเบียบโค้ดในกระบวนการ) เครื่องมือที่มีประโยชน์นี้จะช่วยให้โค้ดของคุณส่องแสงโดยการทำงานที่เป็นประโยชน์ทั้งหมดเหล่านี้:

• ตรวจพบและแก้ไขแท็กปิดท้ายที่ขาดหายไปหรือไม่ตรงกัน


• แท็กสิ้นสุดในลำดับที่ไม่ถูกต้องได้รับการแก้ไข


• แก้ไขปัญหาด้วยการเน้นหัวเรื่อง


• กู้คืนจากแท็กแบบผสม


• การเพิ่มเครื่องหมายสแลชที่ขาดหายไปในแท็กปิดท้ายสำหรับจุดยึด


• ทำรายการให้สมบูรณ์โดยใส่แท็กที่ขาดหายไป


• มีการเพิ่มเครื่องหมายคำพูดรอบค่าของแอตทริบิวต์


• แอตทริบิวต์ที่ไม่รู้จัก / กรรมสิทธิ์มีการรายงาน


• องค์ประกอบที่เป็นกรรมสิทธิ์ได้รับการยอมรับและรายงานเช่นนี้


• แท็กที่ไม่มีเครื่องหมายวงเล็บสิ้นสุดจะเห็น


• แทนที่โค้ดเลย์เอาต์ส่วนเกินด้วยคุณสมบัติสไตล์และกฎโดยใช้ CSS


• ลบย่อหน้าที่ว่างเปล่าและองค์ประกอบส่วนหัว

The Nitty Gritties

หนึ่งใน "กฎ" หลักเมื่อใช้ XHTML คือรหัสจะต้องสะอาดและสมบูรณ์

• องค์ประกอบทั้งหมดจะต้องมีแท็กปิดและซ้อนอย่างถูกต้อง


• แท็กทั้งหมดจะต้องเขียนด้วยตัวพิมพ์เล็ก - XML ​​ต้องตรงตามตัวพิมพ์ใหญ่ - เล็ก


• ต้องรวมแท็กสิ้นสุดสำหรับ ทั้งหมด องค์ประกอบ


• คุณลักษณะทั้งหมดจะต้องอยู่ในเครื่องหมายคำพูดเช่น ความกว้าง colspan, rowspan


• องค์ประกอบที่ว่างเปล่าจะต้องมีแท็กปิดท้าย

มือช่วย

รู้สึกจมเกี่ยวกับการเรียนรู้รูปแบบ HTML อื่นหรือไม่ ความช่วยเหลืออยู่ใกล้แค่เอื้อม XStandard เป็นเครื่องมือแก้ไขรหัสแบบ WYSIWYG ที่ช่วยให้คุณเขียนโค้ด XHTML แท้ใน XHTML 1.0 Strict หรือ XHTML 1.1 ผู้สร้างอธิบายซอฟต์แวร์นี้ว่า: "ตัวแก้ไข WYSIWYG ที่ทันสมัยที่สุดตามมาตรฐานในตลาดเหมาะสำหรับ Windows หรือระบบการจัดการเนื้อหาบนเบราว์เซอร์ที่รองรับ ActiveX XStandard จัดการเนื้อหาที่หลากหลายในภาษาใด ๆ และรองรับตัวเลือกการแก้ไขยอดนิยมรวมถึงตารางการล้อมกรอบข้อความรอบ ๆ รูปภาพและการลากและวางไฟล์ลงในเครื่องมือแก้ไข " ซอฟต์แวร์มาในรุ่น XStandard Lite ฟรีและรุ่น XStandard Pro ที่หลากหลายยิ่งขึ้น

หากคุณต้องการให้เว็บไซต์ของคุณทำงานได้ดีในเบราว์เซอร์และอุปกรณ์ที่ไม่ใช่แบบดั้งเดิมและเพื่อให้สามารถใช้งานได้ดีในวันพรุ่งนี้คุณควรเขียนเว็บไซต์ใหม่ใน XHTML และเปลี่ยนหน้าเก่าเป็น XHTML ตามกำหนดการทำงานของคุณ แน่นอนนี่ไม่ใช่จุดจบ! งานกำลังดำเนินการกับ creat XHTML 2.0 แล้ว การย้ายคือการมุ่งเน้นที่โครงสร้างเท่านั้นไม่ใช่ความเข้ากันได้แบบย้อนหลัง คุณสามารถอ่านเกี่ยวกับ XHTML รูปแบบใหม่ล่าสุดนี้ได้ที่เว็บไซต์ IBM ในบทความของพวกเขา อนาคตของเว็บ: XHTML 2.0

ชุดบทความไฮไลต์ HTML

ส่วนที่ 1: นักออกแบบที่น่าเชื่อถือควรรู้ HTML หรือไม่
ส่วนที่ 2: HTML 3.2 - กำเนิด Wilbur
ส่วนที่ 3: HTML 4.0 และ 4.01 - สิ่งที่ดีกว่า!
ส่วนที่ 4: XHTML: การเข้ารหัสเว็บสำหรับการออกแบบที่บริสุทธิ์
ส่วนที่ 5: DHTML: การเข้ารหัสเว็บแบบไดนามิก