จุดแรกที่จะอธิบายคือผู้คนสามารถตัดสินความหมายของเนื้อหาผ่านการแบ่งภาพและเครื่องมือค้นหาเท่านั้นดูรหัส เครื่องมือค้นหาสามารถตัดสินความหมายของเนื้อหาผ่านแท็กเท่านั้น ฉันไม่ได้ให้ความสนใจกับเครื่องมือค้นหามาก่อน แต่ตอนนี้ฉันเริ่มสนใจมากขึ้นเพราะการรับส่งข้อมูลส่วนใหญ่ของหน้านั้นมาจากเครื่องมือค้นหา เพื่อให้หน้าเป็นมิตรที่สุดเท่าที่จะเป็นไปได้สำหรับเครื่องมือค้นหาเราต้องทำให้แท็กมีความหมายให้มากที่สุด
ในอดีตตามความเข้าใจสั้น ๆ ของฉันเกี่ยวกับการพัฒนาเว็บฉันรู้สึกว่าการเขียนหน้าดีที่ตรงตามมาตรฐานเพียงต้องการการแยกโครงสร้างและประสิทธิภาพและจากนั้นไม่ได้ใช้ตารางตัวอักษรและแท็กอื่น ๆ สำหรับ Divs ตลอดบทความฉันจะไม่คิดว่ามีปัญหาใด ๆ เพราะ CSS นั้นทรงพลังมาก อย่างไรก็ตามแท็กทั้งหมดมีความหมายของตัวเองและต่อไปนี้เป็นความหมายของแท็กบางอย่าง:
Div Semantics: Division (การแยก)
SPAN SEMANTICS: Span (ขอบเขต)
OL Semantics: รายการที่สั่งซื้อ (รายการเรียงลำดับ)
UL Semantics: รายการที่ไม่ได้เรียงลำดับ (ไม่ใช่รายการเรียงลำดับ)
Li Semantics: รายการ (รายการรายการ)
-
หากคุณเพิกเฉยต่อความหมายของฉลากและสไตล์เริ่มต้นและใช้ divs สำหรับป้ายกำกับทั้งหมดคุณสามารถเขียนหน้าด้วยเอฟเฟกต์ภาพที่ดีตราบใดที่คุณใช้ CSS อย่างยืดหยุ่น แต่ในกรณีนั้นแม้ว่าข้อกำหนดจะได้รับการมองเห็น แต่ทั้งหน้าไม่มีความหมายเลยและเครื่องมือค้นหายังไม่เข้าใจ โปรดจำไว้ว่า:
โครงสร้าง (HTML) เป็นจุดสำคัญและสไตล์ (CSS) ใช้ในการปรับเปลี่ยนโครงสร้าง ดังนั้นคุณต้องกำหนด HTML ก่อนกำหนดแท็กแล้วเลือก CSS ที่เหมาะสม
โดยทั่วไปแล้วแท็กทั้งหมดจะมีสไตล์เริ่มต้นดังนั้นวิธีง่ายๆในการตัดสินว่าความหมายของแท็กหน้าเว็บนั้นดีคือการลบสไตล์เพื่อดูว่าโครงสร้างหน้าเว็บมีการจัดระเบียบและเป็นระเบียบหรือไม่และยังคงอ่านได้ดีหรือไม่
นอกจากนี้ยังคุ้มค่าที่จะกล่าวถึงแท็ก H ความหมายของแท็ก H คือชื่อ เครื่องมือค้นหามีความไวต่อแท็กนี้มากขึ้นโดยเฉพาะ H1 และ H2 สำหรับหน้าความหมายที่ดีแท็ก H ควรสมบูรณ์และเป็นระเบียบโดยไม่มีข้อบกพร่อง กล่าวอีกนัยหนึ่งผลักมันลงเช่น H1, H2, H3, H4 และไม่ H1, H3, H4 และ Miss H2 หน้าเว็บที่มีโครงสร้างที่ดีแท็ก H สามารถจัดระเบียบโครงร่างของหน้าเว็บ