เราทุกคนรู้ดีว่าองค์ประกอบที่สำคัญของอาคารคือการมีรากฐานของอาคาร และไม่มีรากฐานที่มั่นคงและดี รูปลักษณ์และการตกแต่งอันงดงามไม่มีอยู่อีกต่อไป เราสร้างหน้าเว็บที่สอดคล้องกับแท็กเว็บ และคนส่วนใหญ่มีความกังวลมากขึ้นเกี่ยวกับเทคโนโลยี CSS และแอปพลิเคชันของมัน แต่เราต้องเข้าใจด้วยว่าไม่ว่า CSS จะทรงพลังแค่ไหน มันก็ส่งผลต่อ XHTML เช่นกัน หากไม่มีรากฐาน XHTML ที่มีโครงสร้างที่ดี เลย์เอาต์ของเราจะนำไปใช้ได้ยากยิ่งขึ้น บางทีรากฐานของเราอาจแข็งแกร่งมาก แต่รายละเอียดที่ซับซ้อนและโครงสร้างที่ไม่สมเหตุสมผลก็จะกลายเป็นอุปสรรคต่อการพัฒนาของเราเช่นกัน
ในยุคแรกๆ ของเว็บ HTML ถูกใช้เพื่อเพิ่มรูปแบบและโครงสร้างพื้นฐานเท่านั้น ด้วยการพัฒนาอินเทอร์เน็ต HTML ถูกใช้เพื่อแสดงเพจ เราใช้การผสมผสานที่หลากหลายเพื่อให้ได้รูปลักษณ์ที่เราต้องการ เราคุ้นเคยกับการใช้แท็ก B เพื่อทำให้ชื่อเอกสารเป็นตัวหนา แต่เราไม่ได้ใช้ชื่อ h1~h6 เพื่อแสดงมัน สิ่งที่สำคัญกว่านั้นคือเราเรียกใช้ตารางสำหรับเลย์เอาต์ ในสมัยแรกๆ ตารางถูกใช้เพื่อแสดงข้อมูลตารางเท่านั้น ไม่ใช่สำหรับเลย์เอาต์และการแสดงเลย์เอาท์ ในไม่ช้า เราก็พบว่าทุกสิ่งทุกอย่างสูญเสียความหมายเดิมไป การออกแบบตัวอักษร ตาราง ตัวหนา ฯลฯ กลายเป็นเรื่องยุ่งเหยิง กลายเป็นเรื่องที่ไม่สามารถเข้าใจได้ และมันซับซ้อนมากขึ้นเรื่อยๆ
เรามีแนวโน้มที่จะพึ่งพาเครื่องมือ WYSIWYG เช่น Dreamweaver ในการประมวลผลหน้าเว็บมากขึ้น แต่น่าเสียดายที่ซอฟต์แวร์ดังกล่าวไม่ได้ช่วยปรับปรุงสถานการณ์ที่วุ่นวายนี้ แต่กลับเพิ่มมาร์กอัปที่ซับซ้อนมากขึ้นของตัวเอง ในกรณีนี้ เราไม่สามารถแก้ไขโค้ดด้วยตนเองได้อีกต่อไป และทุกอย่างดูแย่มาก
ด้วยการถือกำเนิดของ CSS เราได้เห็นรุ่งอรุณแห่งความหวังในการสร้างหน้าเว็บที่สอดคล้องกับมาตรฐานของเว็บ ผู้คนให้ความสนใจกับการสร้างเว็บไซต์ใหม่มากขึ้นเรื่อยๆ เพื่อแยกประสิทธิภาพออกจากเนื้อหา เราสามารถลบแท็กที่ไม่มีความหมายออกได้ เช่น แบบอักษร b i ฯลฯ เราปล่อยให้งานเหล่านี้เป็นหน้าที่ของ CSS เราสามารถใช้ CSS สำหรับการจัดวางแทนการใช้ตารางเพื่อสร้างเพจได้
เราสามารถสร้างเอกสารตามความหมายของแท็กได้ และเราสามารถกำหนดลักษณะที่ปรากฏใหม่ผ่าน CSS โดยใช้สไตล์เริ่มต้นของเบราว์เซอร์ ชื่อ ย่อหน้า หรือรายการในเนื้อหา เราสามารถรีเซ็ตได้ผ่าน CSS ชื่อเรื่องไม่จำเป็นต้องมีขนาดใหญ่ ตัวหนา และน่าเกลียด ย่อหน้าสามารถควบคุมระยะห่างระหว่างบรรทัดและการเยื้องได้ ฯลฯ
ประโยชน์ของแท็กที่มีความหมายทำให้เราเข้าใจเนื้อหาของโค้ดและประมวลผลได้ง่ายขึ้น ตัวอย่างเช่น หากเราจำเป็นต้องแก้ไขลิงก์ภายนอกทั้งหมดบนหน้า หากเราเพิ่มแท็กที่เหมาะสมให้กับองค์ประกอบเหล่านี้ เราก็จะสามารถค้นหาและแก้ไขได้อย่างง่ายดาย หากทุกอย่างปะปนกัน เราก็ไม่มีจุดเริ่มต้น
นอกจากจะทำให้การพัฒนาของเราง่ายขึ้นแล้ว อุปกรณ์และโปรแกรมอื่นๆ ยังสามารถเข้าใจเอกสารได้ดีขึ้น โดยทั่วไปแล้ว เครื่องมือค้นหาสามารถค้นหาชื่อและคำบรรยายในเนื้อหาบทความได้อย่างง่ายดาย หากผู้ชมใช้อุปกรณ์อ่านแบบมือถือ คุณสามารถพึ่งพาชื่อเรื่อง เนื้อหา ฯลฯ เพื่อให้การนำทางและสัดส่วนการแสดงผลได้ดี
สิ่งที่สำคัญที่สุดคือแท็ก HTML ที่มีความหมายจะมอบวิธีง่ายๆ ในการปรับองค์ประกอบให้เข้ากับสไตล์ที่คุณต้องการ แท็กที่มีความหมายเหล่านี้จะสร้างโมเดลโครงสร้างพื้นฐานในเอกสาร และเราไม่จำเป็นต้องเพิ่มองค์ประกอบอื่น ๆ และตัวระบุอื่นๆ สามารถควบคุมประสิทธิภาพได้โดยตรง
แท็กที่มีความหมายเหล่านี้ส่วนใหญ่ประกอบด้วย:
h1, h2...h6;
ul,ol,dl;
เข้มแข็งนะ;
blockquote, อ้างอิง;
คำย่อ, คำย่อ, รหัส;
ชุดสนาม, ตำนาน, ฉลาก;
คำบรรยายภาพ, Thead, TBody, Tfoot ฯลฯ
ในเค้าโครงหน้า CSS เมื่อคุณสามารถใช้มันได้ อย่าใช้สิ่งอื่น ลองใช้แท็ก html ที่มีความหมาย