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

HTML มีโครงสร้างตามบริบทและความหมายของเนื้อหาเอกสารเว็บ ตัวอย่างเช่น เราเห็นว่า

เป็นตัวหนา โดยมีขนาดตัวอักษร 2em และ เป็นตัวหนา ดังนั้นอย่าให้เป็นเช่นนั้น คิดว่าเป็น HTML ประสิทธิภาพ จริงๆ แล้วสิ่งเหล่านี้เป็นรูปแบบ CSS เริ่มต้นของ HTML ในที่ทำงาน ดังนั้นก่อนอื่นเราต้องรู้ว่า HTML ไม่เกี่ยวข้องกับประสิทธิภาพของหน้าเว็บ สิ่งเหล่านี้เป็นเรื่องของ CSS บทบาทของ HTML ในหน้าเพจคือโครงสร้างและความหมาย ในแง่ของคนธรรมดา มันคือการแบ่งเนื้อหา

โครงสร้าง HTML เชิงความหมายจะต้องเน้นโครงสร้าง HTML ก่อน

โครงสร้าง HTML คือโครงกระดูกของหน้าเพจ โครงสร้าง HTML เปรียบเสมือนกำแพงเหล็กและคอนกรีต หากบ้านไม่มีกำแพงเหล็กและคอนกรีต ก็เป็นเพียงกองอิฐที่ไร้ประโยชน์ ไม่สามารถอยู่อาศัยหรือใช้ในการทำงานได้ CSS เป็นวัสดุตกแต่ง มันคือพื้นไม้ หินอ่อน และสี มันถูกใช้ในการตกแต่งบ้าน พลังของ CSS ไม่จำเป็นเลยที่จะบอกว่ามันเป็นเพียงกองไม้ บอร์ดถูกทาสีเข้าด้วยกันและไม่มีมูลค่าการใช้งานจริง CSS อาศัยเอกสาร (X)HTML ที่อ้างอิงถึงมันทั้งหมด หากคุณต้องการใช้ประโยชน์จากพลังของ CSS อย่างเต็มที่ จำเป็นต้องจัดเตรียมเนื้อหา HTML ที่ทั้งสะอาดและมีโครงสร้าง "HTML เป็นภาษากลางสำหรับการเผยแพร่ไฮเปอร์เท็กซ์บนอินเทอร์เน็ต... HTML ใช้แท็กเพื่อจัดโครงสร้างข้อความ ization” ( http://www.w3.org/MarkUp/ )

จะเขียนโครงสร้าง HTML เชิงความหมายได้อย่างไร?
HTML เป็นวิธีการเพิ่มโครงสร้างและความหมาย (หรือ "อรรถศาสตร์") ให้กับเนื้อหาข้อความ มันจะบอกเราว่า: "บรรทัดนี้คือชื่อเรื่อง บรรทัดเหล่านี้ประกอบเป็นย่อหน้า คำเหล่านี้เป็นรายการของรายการ และคำเหล่านี้เป็นไฮเปอร์ลิงก์ไปยังไฟล์อื่นบนอินเทอร์เน็ต" เป็นที่น่าสังเกตว่าคุณไม่ควรปล่อยให้ HTML บอกเราว่า: "ข้อความเหล่านี้เป็นสีน้ำเงิน และข้อความเหล่านี้เป็นสีแดง เนื้อหาส่วนนี้เป็นคอลัมน์ขวาสุด และเนื้อหาบรรทัดนี้อยู่ในตัวเอียง" ข้อมูลที่เกี่ยวข้องกับประสิทธิภาพนี้เป็นงานของ CSS เมื่อทำการพัฒนาส่วนหน้า โปรดจำไว้ว่า: HTML บอกเราว่าเนื้อหาชิ้นหนึ่งคืออะไร (หรือความหมายของเนื้อหา) ไม่ใช่สิ่งที่ดูเหมือน เมื่อเราพูดถึง "มาร์กอัปเชิงความหมาย" HTML ที่เรากำลังพูดถึงควรแยกออกจากข้อมูลการนำเสนอโดยสิ้นเชิง และแท็กในนั้นควรกำหนดโครงสร้างของเอกสารเชิงความหมาย

โครงสร้าง HTML เชิงความหมายนั้นเรียบง่ายมาก ขั้นแรก ให้เข้าใจความหมายของแต่ละแท็กใน html

เป็นคอนเทนเนอร์ ใช้สำหรับเน้น

• เป็นรายการที่ไม่เรียงลำดับ ฯลฯ... การดูเนื้อหา เมื่อคิดว่าป้ายกำกับใดสามารถอธิบายได้ดีกว่า ให้ใช้ป้ายกำกับใดก็ได้

  โครงสร้าง HTML เชิงความหมายมีประโยชน์อย่างไร?

  เรารู้ว่า HTML5 มีแท็กใหม่ เช่น

  และ