บทที่ 10 การใช้แท็กตามความหมาย

การใช้แท็กต่างๆให้ถูกต้องตามความหมายและหน้าที่ของมันเป็นสิ่งที่สำคัญที่สุดสำหรับเว็บไซต์สมัยใหม่ โดยเฉพาะการใช้แท็กที่ถูกต้องจะทำให้การทำงานร่วมกับ SE (มาจากคำว่า Search Engine อ่านว่า เสิร์ชเอ็นจิ้น แปลว่าเครื่องมือค้นหา เช่น Google เป็นต้น) หรือแม้กระทั่งอุปกรณ์ในการอ่านเว็บเพจสำหรับผู้ที่พิการทางการมองเห็น สามารถอ่านและทำความเข้าใจกับข้อมูลต่างๆบนเว็บของเราได้

สิ่งที่ต้องเรียนรู้ก่อนการเขียน HTML ก็คือ HTML มีกฏการในการใช้งานแท็กต่างๆ และความหมายของแต่ละแท็กเช่น

<h1> ใช้สำหรับระบุว่านี่คือหัวข้อหลัก
<figcaption> ใช้ร่วมกันภายใน <figure> เท่านั้น โดย <figcaption> จะทำหน้าที่ระบุคำอธิบาย
<li> ใช้ร่วมกันภายใน <ul> เท่านั้น โดยจะทำหน้าเป็นรายการลิสต์แบบไม่เรียงลำดับ
<table> <tr> และ <td> ต้องใช้ร่วมกันเพื่อจัดการแสดงผลในลักษณะของตาราง และทำหน้าที่ระบุว่า นี่คือข้อมูลในรูปของตาราง

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

ยกตัวอย่างเช่น หากเรากำลังมองหาหัวข้อต่างๆของเอกสารในหน้าเว็บ หากเรากำหนดให้หัวข้อแต่ละอันอยู่ภายใต้ แท็ก <h1> เหมือนๆกันหมด การมองหาหัวข้อก็จะเป็นเรื่องง่าย