วิธีทำความเข้าใจโครงสร้าง HTML ความหมาย

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

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

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

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

โครงสร้าง HTML ความหมายนั้นง่ายมาก ก่อนอื่นให้ความหมายของแต่ละแท็กใน HTML <div> เป็นคอนเทนเนอร์ <strong> เป็นสิ่งสำคัญ <ul> <li> เป็นรายการที่ไม่ได้เรียงลำดับ ฯลฯ เมื่อคุณเห็นเนื้อหาลองคิดดูว่าแท็กสามารถอธิบายได้ดีขึ้นและใช้แท็กใดก็ได้

เรารู้ว่าแท็กที่เพิ่มขึ้นใหม่ของ HTML5 เช่น <ส่วนหัว> และ <footer>, HTML กำลังพัฒนาไปสู่โครงสร้าง HTML ความหมายที่แข็งแกร่งยิ่งขึ้น XHTML2 ไม่สูงเท่ากับ HTML5 ในเรื่องนี้ซึ่งเป็นเหตุผลสำหรับการตายของ XHTML2 นอกจากนี้ยังแสดงให้เห็นว่าโครงสร้าง HTML ความหมายเป็นแนวโน้มการพัฒนาของ HTML

HTML เองไม่ได้แสดงออก เราเห็นว่าตัวอย่างเช่น <H1> เป็นตัวหนาโดยมีขนาดตัวอักษร 2EM ตัวหนา <strong> เป็นตัวหนาอย่าคิดว่านี่เป็นการรวมตัวกันของ HTML จริง ๆ แล้วเป็นรูปแบบ CSS เริ่มต้นของ HTML ในการดำเนินการดังนั้นการลบหรือการสูญเสียรูปแบบสามารถทำให้หน้านำเสนอโครงสร้างที่ชัดเจนไม่ใช่ข้อได้เปรียบของโครงสร้าง HTML ความหมาย แต่เบราว์เซอร์มีรูปแบบเริ่มต้น จุดประสงค์ของสไตล์เริ่มต้นคือการแสดงความหมายของ HTML ได้ดีขึ้น อาจกล่าวได้ว่ารูปแบบเริ่มต้นของเบราว์เซอร์และโครงสร้าง HTML ความหมายนั้นแยกออกไม่ได้

ตัวอย่างเช่นหากคุณใช้เครื่องหมายความหมายตัวอ่านหน้าจอจะสะกดคำของคุณทีละคนแทนที่จะพยายามออกเสียงเต็ม

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

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

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

ดังนั้นหากชื่อของไฟล์หน้าถูกทำเครื่องหมายแทนหน้าอาจอยู่ในตำแหน่งที่ต่ำกว่าของผลการค้นหา นอกเหนือจากการปรับปรุงความสะดวกในการใช้งานการติดแท็กความหมายนั้นเอื้อต่อการใช้ CSS และ JavaScript ที่ถูกต้องเพราะมันมีตะขอจำนวนมากในการใช้สไตล์และพฤติกรรมของหน้า

SEO ส่วนใหญ่ขึ้นอยู่กับเนื้อหาและลิงก์ภายนอกของเว็บไซต์ของคุณ

W3C กำหนดมาตรฐานที่ดีสำหรับเรา ทุกคนในทีมปฏิบัติตามมาตรฐานนี้ซึ่งสามารถลดสิ่งที่แตกต่างหลายอย่างอำนวยความสะดวกในการพัฒนาและบำรุงรักษาปรับปรุงประสิทธิภาพการพัฒนาและแม้กระทั่ง ตระหนักถึงการพัฒนาแบบแยกส่วน

หากคุณมีความคิดเห็นที่แตกต่างกันโปรดเพิ่มพวกเขา กรุณาฝากข้อความเพื่อพูดคุย

ขอบคุณ GUI GE, Tea Milk, Xiaozhi, ขโมยข้าว, Caspar และ CSS Forest Group สำหรับการอภิปราย