เนื่องจาก HTML 5 นั้นได้ถูกออกแบบใ้ห้มีโครงสร้างข้อมูลใหม่ โดยเพิ่มแท็กหลาย ๆ ตัวอาทิเช่น <header>, <footer>, <aside>, <section>, <article>, <hgroup>, และแท็ก <nav> เป็นต้น ซึ่งการจะดูว่าเว็บเพจมีโครงสร้างอย่างไร เช่น ส่วนไหนเป็นหัวข้อใหญ่ ส่วนใดเป็นหัวข้อย่อย และมีการจัดวางอิลิเมนต์ไหนมาก่อนมาหลัง จึงเป็นที่มาของ HTML 5 Outliner ซึ่งเป็นเครื่องมือตัวหนึ่งในการดูโครงสร้างดังกล่าว
การดูโครงสร้างของเว็บเพจสามารถดูออนไลน์ได้เ่ช่นกันโดยเข้าไปที่
http://gsnedders.html5.org/outliner/
ส่วนถ้าจะใช้บน Firefox เพื่อความสะดวกสบายนั้นให้เข้าไปที่
http://code.google.com/p/h5o/
จากนั้นคลิกเลือก
outliner.0.5.0.62.html
เมื่อทำการเซฟไฟล์ลงเครื่องแล้วให้ดับเบิ้ลคลิกไฟล์ outliner.0.5.0.62.html ขึ้นมา
จากนั้นให้ลากลิงค์ H5O v0.5.0.62 ไปไว้ยัง Bookmark toolbar
เวลาใช้ก็ดับเบิ้ลคลิกบน Bookmark ได้เลย เราก็จะเห็นโครงสร้างของเว็บดังรูปจ้า
จบค่ะ
ไม่มีความคิดเห็น:
แสดงความคิดเห็น