เครื่องมือตรวจสอบความถูกต้องทำงานใน Dreamweaver ได้อย่างไร

องค์ประกอบที่ขาดหายไปหรือไม่ถูกต้องใน HTML - ภาษามาร์กอัป HyperText - รหัสการออกแบบเว็บไซต์สามารถป้องกันเว็บเพจจากการแสดงอย่างถูกต้อง ซอฟต์แวร์การออกแบบเว็บ Adobe Dreamweaver รุ่นส่วนใหญ่มีคุณสมบัติตัวตรวจสอบรหัส HTML ซึ่งสแกนรหัสการออกแบบในเอกสาร HTML ของคุณและไฮไลต์ข้อผิดพลาดโดยอัตโนมัติ

เกี่ยวกับรหัส HTML

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

ข้อผิดพลาดของโค้ด HTML

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

ตรวจสอบรหัส HTML

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

การใช้เครื่องมือตรวจสอบ HTML ของ Dreamweaver

หลังจากออกแบบเว็บเพจและป้อนรหัส HTML ที่จำเป็นทั้งหมดแล้วคุณสามารถตรวจสอบรหัสของคุณได้ด้วยเครื่องมือ HTML Validator ขั้นแรกให้ตั้งค่าการตรวจสอบความถูกต้องของคุณ คลิก“ แก้ไข” ในเมนูหลักที่ด้านบนของหน้าจากนั้นเลือก“ การตั้งค่า (Windows)” หรือ“ การตั้งค่า (Macintosh)” จากเมนูบริบท คลิก“ ตัวตรวจสอบความถูกต้อง” ในรายการตัวเลือกหมวดหมู่ คลิกช่องทำเครื่องหมายข้างห้องสมุด HTML ที่คุณต้องการตรวจสอบรหัสของคุณ ตัวอย่างเช่น“ HTML 2.0” หรือ“ HTML 4.0” คุณยังสามารถเลือกประเภทของข้อผิดพลาดที่คุณต้องการรวมไว้ในการตรวจสอบโดยการเลือกกล่องกาเครื่องหมายที่เกี่ยวข้อง เมื่อคุณกำหนดค่าตัวตรวจสอบความถูกต้องของ HTML ให้เลือก“ แก้ไข” ในเมนูหลักจากนั้นคลิก“ ตรวจสอบความถูกต้อง” เพื่อเปิดตัวตรวจสอบความถูกต้อง

ความพร้อมใช้งานของตัวตรวจสอบความถูกต้องของ Dreamweaver HTML

Adobe Dreamweaver ทุกรุ่นจนถึงและรวมถึง Dreamweaver CS4 รวมถึง HTML Validator Adobe ปล่อย HTML Validator เป็นคุณสมบัติมาตรฐานใน Dreamweaver CS5 อย่างไรก็ตามผู้ใช้ Dreamweaver CS5 สามารถดาวน์โหลดและติดตั้งปลั๊กอิน HTML Validator ฟรีเพื่อเพิ่มคุณสมบัติให้กับโปรแกรม