แบบฝึกเพื่อเปลี่ยนขึ้นเป็น XHTML?

หลายทางที่จะขึ้นระดับของเว็บไซต์ของคุณเป็น XHTML คืออย่างไร?

เพื่อที่จะเปลี่ยนเว็บไซต์จาก HTML ไปเป็น XHTML คุณควรได้ตัวเลือกเพื่อที่จะเข้าใจกฎกตร์ของ XHTML ที่ได้มีการชี้แจงในบทที่เกี่ยวข้องก่อนหน้า

ด้านล่างนี้จะมีการชี้แจงขั้นตอนที่เฉพาะ

เพิ่มการประกาศชนิดแฟ้ม

เพิ่มการประกาศชนิดแฟ้มดังนี้ลงในบรรทัดแรกของแต่ละหน้า:

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

แจ้งเตือน：เว็บไซต์ (codew3c) ของเราใช้ DTD ที่เข้มงวด อย่างไรก็ตาม การใช้ DTD ที่มีการข้ามก็เป็นทางเลือกที่ดี เพราะสำหรับนักพัฒนาเข้าประสบการณ์ส่วนใหญ่ DTD ที่เข้มงวดอาจดูเหมือนว่าเป็นสิ่งที่ 'เข้มงวดเกินไป' จากทางนักพัฒนาที่เข้าประสบการณ์น้อย

คำเตือนเกี่ยวกับตัวแบบการประกาศแบบไฟล์

ถ้าคุณต้องการที่จะทำการตรวจสอบเว็บไซต์ให้เป็น XHTML ที่ถูกต้อง เว็บไซต์ต้องมีตัวแบบการประกาศแบบไฟล์

นอกจากนี้ การจัดการเอกสารด้วยเว็บเบราว์เซอร์ที่มีตัวแบบการประกาศแบบไฟล์ที่ต่างกันก็มีความแตกต่างกัน ถ้าเว็บเบราว์เซอร์อ่านถึงตัวแบบการประกาศแบบไฟล์ มันจะจัดการเอกสารในทางที่

แทนและชื่อคุณสมบัติที่เป็นตัวเล็ก

เนื่องจาก XHTML มีความเล็งต่อการเขียนใหญ่หรือเล็ก และ XHTML ยอมรับแทน HTML และชื่อคุณสมบัติที่เป็นตัวเล็กเท่านั้น ดังนั้น คุณสามารถทำการค้นหาและแทนที่แทนทั้งหมดให้แทนและชื่อคุณสมบัติที่ใหญ่เป็นตัวเล็ก ซึ่งเรามักใช้ตัวเล็กในเว็บไซต์ของเรา ดังนั้น ฟังก์ชันการแทนที่ไม่มีประโยชน์มาก

ใส่ขอบอักษรในค่าของทุกคุณสมบัติ

เนื่องจาก W3C XHTML 1.0 มีข้อกำหนดที่ต้องใส่ขอบอักษรในค่าของทุกคุณสมบัติ ดังนั้น ถ้าคุณยังไม่ได้จับตามองความนี้ คุณจำเป็นต้องตรวจสอบเว็บไซต์ทุกหน้าหนึ่ง มันเป็นงานที่ใช้เวลามาก ดังนั้น หลังจากนั้นไม่ควรที่จะลืมใส่ขอบอักษรในค่าของคุณสมบัติอีกต่อไป

แทนว่าง: <hr> , <br> และ <img>

ใน XHTML ไม่อนุญาตให้ใช้แทนว่าง (Empty tags) <hr> และ <br> ควรถูกแทนด้วย <hr /> และ <br />

ดังนั้น มันก็สร้างปัญหาใหม่อีกหนึ่งอย่าง ที่ Netscape จะอ่านแบบผิดกับ <br/> แทน แม้ว่าเราไม่ทราบสาเหตุที่ทำให้เกิดปัญหานี้ แต่หลังจากที่เรียกใช้ <br /> ปัญหาก็จะหายไป หลังจากทราบความนี้ คุณจำเป็นต้องทำการค้นหาและแทนที่แทนอีกครั้งเพื่อแก้ไขแทน

ตัวแทนบางตัว (เช่น <img> แทน) ก็จะมีปัญหาเดียวกันกับที่กล่าวข้างต้น ไม่ควรใช้แทนบิดทิ้งใน <img> แต่ต้องใส่ / > ที่ท้ายของแทน

ตรวจสอบเว็บไซต์

หลังจากทำทั้งหมดนี้ ใช้ลิงก์ด้านล่างเพื่อตรวจสอบเว็บไซต์ทั้งหมดที่แก้ไขแล้วตาม W3C DTD ทางการ XHTML Validatorต่อมา อาจจะมีข้อผิดพลาดเล็กน้อยบางอย่างที่จะพบ และแก้ไขข้อผิดพลาดเหล่านั้นแบบมือต่อมือ

เราควรใช้เครื่องมือการแปลงรหัส (เช่น TIDY) หรือไม่? ใช่ นั่นคือทางเลือกที่เราสามารถใช้ TIDY

Dave Raggett และ HTML TIDYเป็นเครื่องมือฟรีที่ใช้เพื่อทำความสะอาดรหัสที่เกี่ยวข้องกับ HTML โดยที่ TIDY ยังทำได้ดีในการจัดการกับรหัส HTML ที่ยากที่จะอ่านที่สร้างโดยตัวแก้ไขรหัส HTML และเครื่องมือการแปลงรหัสที่เจาะจง พร้อมทั้งมีความช่วยเหลือในการจัดการให้เว็บไซต์ที่มีความงามมากขึ้นสำหรับผู้บกพร่อง

เหตุผลที่เราไม่ใช้ Tidy คืออะไร? เมื่อเราเริ่มสร้างเว็บไซต์นี้ เราเคยเข้าใจ XHTML อย่างดีมาก ในขณะนั้น เราเคยรู้ว่าต้องใช้ตัวอักษรต่ำในแท็กและใช้เครื่องหมายเคียงขวางในคุณสมบัติ ดังนั้นในขณะที่เราทดสอบเว็บไซต์ เราได้ทดสอบโดยใช้ตรวจสอบ XHTML ของ W3C และแก้ไขความผิดพลาดเล็กน้อย มากกว่านั้น มันสำคัญที่เราได้เรียนรู้มากมายเกี่ยวกับการเขียนรหัส HTML ที่เหมือน Tidy

การอ่านนอกหลักสูตร

หากคุณต้องการที่จะเข้าใจรู้มากขึ้นเกี่ยวกับการใช้ XHTML ที่เรียบเรียงเว็บไซต์ โปรดอ่านเล่มเรื่องโครงสร้าง XHTML》。