ฉันเชื่อว่าทุกคนรู้จัก 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 ก่อนโครงสร้าง HTML เป็นโครงกระดูกของหน้า หน้าเหมือนบ้าน โครงสร้าง HTML เป็นผนังคอนกรีตเสริมเหล็ก หากบ้านไม่มีผนังคอนกรีตเสริมเหล็กมันจะเป็นก้อนอิฐและไม่สามารถอยู่ในคนหรือทำงานได้ CSS เป็นวัสดุตกแต่งพื้นไม้หินอ่อนสีและใช้ในการตกแต่งบ้าน ไม่จำเป็นต้องพูดเพิ่มเติมเกี่ยวกับพลังของ CSS หาก CSS ไม่มีโครงสร้าง HTML มันจะเป็นกองกระดานไม้ที่ทาสีเข้าด้วยกันโดยไม่มีค่าการใช้งานจริง CSS อาศัยเอกสารทั้งหมด (x) HTML ที่อ้างอิง หากคุณต้องการได้รับพลังเต็มรูปแบบของ CSS อย่างเต็มที่คุณจำเป็นต้องจัดหาเนื้อหาที่สะอาดและมีโครงสร้าง HTML ทั้ง HTML HTML เป็นคำทั่วไปสำหรับการเผยแพร่ไฮเปอร์เท็กซ์บนอินเทอร์เน็ต ... HTML ใช้แท็กไปยังโครงสร้างข้อความ ( http://www.w3.org/markup/ )
วิธีการเขียนโครงสร้าง HTML ความหมาย?HTML เป็นวิธีการเสริมโครงสร้างเนื้อหาและความหมาย (หรือความหมาย) มันจะบอกเรา: บรรทัดนี้เป็นชื่อและบรรทัดเหล่านี้เป็นย่อหน้า ข้อความเหล่านี้เป็นรายการของรายการและข้อความเหล่านี้คือไฮเปอร์ลิงก์ที่เชื่อมโยงไปยังไฟล์อื่นบนอินเทอร์เน็ต เป็นที่น่าสังเกตว่า HTML ไม่ควรบอกเรา: ข้อความเหล่านี้เป็นสีน้ำเงินและข้อความเหล่านี้เป็นสีแดง ส่วนนี้ของเนื้อหาเป็นคอลัมน์ที่ถูกต้องที่สุดและบรรทัดนี้อยู่ในตัวเอียง ข้อมูลที่เกี่ยวข้องกับประสิทธิภาพเหล่านี้เป็นผลงานของ CSS เมื่อทำการพัฒนาส่วนหน้าโปรดจำไว้ว่า: HTML บอกเราว่าเนื้อหาชิ้นส่วนคืออะไร (หรือความหมาย) ไม่ใช่สิ่งที่ดูเหมือน เมื่อเราพูดถึงแท็กความหมายสิ่งที่เราเรียกว่า HTML ควรถูกแยกออกจากข้อมูลการนำเสนออย่างสมบูรณ์และแท็กในนั้นควรกำหนดโครงสร้างของเอกสารทั้งหมด
โครงสร้าง HTML ความหมายนั้นง่ายมาก ก่อนอื่นให้ความหมายของแต่ละแท็กใน HTML <div> เป็นคอนเทนเนอร์ <strong> เป็นสิ่งสำคัญ <ul> <li> เป็นรายการที่ไม่ได้เรียงลำดับ ฯลฯ เมื่อคุณเห็นเนื้อหาลองคิดดูว่าแท็กสามารถอธิบายได้ดีขึ้นและใช้แท็กใดก็ได้
อะไรคือประโยชน์ของโครงสร้าง HTML ความหมาย?เรารู้ว่าแท็กที่เพิ่มขึ้นใหม่ของ HTML5 เช่น <ส่วนหัว> และ <footer>, HTML กำลังพัฒนาไปสู่โครงสร้าง HTML ความหมายที่แข็งแกร่งยิ่งขึ้น XHTML2 ไม่สูงเท่ากับ HTML5 ในเรื่องนี้ซึ่งเป็นเหตุผลสำหรับการตายของ XHTML2 นอกจากนี้ยังแสดงให้เห็นว่าโครงสร้าง HTML ความหมายเป็นแนวโน้มการพัฒนาของ HTML
1. เมื่อหน้าถูกลบออกหรือสไตล์หายไปมันสามารถให้โครงสร้างที่ชัดเจน: หน้า:HTML เองไม่ได้แสดงออก เราเห็นว่าตัวอย่างเช่น <H1> เป็นตัวหนาโดยมีขนาดตัวอักษร 2EM ตัวหนา <strong> เป็นตัวหนาอย่าคิดว่านี่เป็นการรวมตัวกันของ HTML จริง ๆ แล้วเป็นรูปแบบ CSS เริ่มต้นของ HTML ในการดำเนินการดังนั้นการลบหรือการสูญเสียรูปแบบสามารถทำให้หน้านำเสนอโครงสร้างที่ชัดเจนไม่ใช่ข้อได้เปรียบของโครงสร้าง HTML ความหมาย แต่เบราว์เซอร์มีรูปแบบเริ่มต้น จุดประสงค์ของสไตล์เริ่มต้นคือการแสดงความหมายของ HTML ได้ดีขึ้น อาจกล่าวได้ว่ารูปแบบเริ่มต้นของเบราว์เซอร์และโครงสร้าง HTML ความหมายนั้นแยกออกไม่ได้
2. ตัวอ่านหน้าจอ (หากผู้เข้าชมมีความบกพร่องทางสายตา) จะอ่านหน้าเว็บของคุณอย่างสมบูรณ์ตามมาร์กอัปของคุณตัวอย่างเช่นหากคุณใช้เครื่องหมายความหมายตัวอ่านหน้าจอจะสะกดคำของคุณทีละคนแทนที่จะพยายามออกเสียงเต็ม
3. PDA โทรศัพท์มือถือและอุปกรณ์อื่น ๆ อาจไม่สามารถแสดงหน้าเว็บเช่นเบราว์เซอร์คอมพิวเตอร์ทั่วไป (โดยปกติแล้วเนื่องจากอุปกรณ์เหล่านี้มีการสนับสนุนที่อ่อนแอสำหรับ CSS)การใช้การติดแท็กความหมายทำให้มั่นใจได้ว่าอุปกรณ์เหล่านี้ทำให้หน้าเว็บมีความหมาย ตามหลักการแล้วภารกิจในการดูอุปกรณ์คือการแสดงหน้าเว็บให้สอดคล้องกับเงื่อนไขของอุปกรณ์เอง
การทำเครื่องหมายความหมายให้ข้อมูลที่เกี่ยวข้องกับอุปกรณ์ที่ต้องการกำจัดตัวเองเพื่อพิจารณาสถานการณ์การแสดงผลที่เป็นไปได้ทั้งหมด (รวมถึงอุปกรณ์ที่มีอยู่หรืออุปกรณ์ใหม่ในอนาคต) ตัวอย่างเช่นโทรศัพท์สามารถเลือกที่จะสร้างย่อหน้าของข้อความที่ทำเครื่องหมายด้วยชื่อเป็นตัวหนา คอมพิวเตอร์มือถืออาจแสดงในแบบอักษรที่ใหญ่กว่า ไม่ว่าจะด้วยวิธีใดเมื่อคุณทำเครื่องหมายข้อความเป็นชื่อเรื่องคุณสามารถมั่นใจได้ว่าผู้อ่านจะแสดงหน้าเว็บอย่างเหมาะสมตามเงื่อนไขของตัวเอง
4. เครื่องรวบรวมข้อมูลเครื่องมือค้นหายังพึ่งพาแท็กเพื่อกำหนดบริบทและน้ำหนักของคำหลักแต่ละคำในอดีตคุณอาจไม่ได้พิจารณาว่าเครื่องมือรวบรวมข้อมูลของเครื่องมือค้นหาเป็นผู้เยี่ยมชมเว็บไซต์ แต่ตอนนี้พวกเขาเป็นผู้ใช้ที่มีค่ามาก หากไม่มีพวกเขาเครื่องมือค้นหาจะไม่สามารถจัดทำดัชนีเว็บไซต์ของคุณได้และจากนั้นผู้ใช้โดยเฉลี่ยจะเข้าเยี่ยมชมได้ยากมาก
5. หน้าเว็บของคุณเข้าใจง่ายสำหรับซอฟต์แวร์รวบรวมข้อมูลหรือไม่เพราะตัวรวบรวมข้อมูลส่วนใหญ่จะเพิกเฉยต่อเครื่องหมายที่ใช้สำหรับการเป็นตัวแทนและมุ่งเน้นไปที่เครื่องหมายความหมายเท่านั้นดังนั้นหากชื่อของไฟล์หน้าถูกทำเครื่องหมายแทนหน้าอาจอยู่ในตำแหน่งที่ต่ำกว่าของผลการค้นหา นอกเหนือจากการปรับปรุงความสะดวกในการใช้งานการติดแท็กความหมายนั้นเอื้อต่อการใช้ CSS และ JavaScript ที่ถูกต้องเพราะมันมีตะขอจำนวนมากในการใช้สไตล์และพฤติกรรมของหน้า
SEO ส่วนใหญ่ขึ้นอยู่กับเนื้อหาและลิงก์ภายนอกของเว็บไซต์ของคุณ
6. ง่ายต่อการพัฒนาและบำรุงรักษาทีมW3C กำหนดมาตรฐานที่ดีสำหรับเรา ทุกคนในทีมปฏิบัติตามมาตรฐานนี้ซึ่งสามารถลดสิ่งที่แตกต่างหลายอย่างอำนวยความสะดวกในการพัฒนาและบำรุงรักษาปรับปรุงประสิทธิภาพการพัฒนาและแม้กระทั่ง ตระหนักถึงการพัฒนาแบบแยกส่วน
หากคุณมีความคิดเห็นที่แตกต่างกันโปรดเพิ่มพวกเขา กรุณาฝากข้อความเพื่อพูดคุย
ขอบคุณ GUI GE, Tea Milk, Xiaozhi, ขโมยข้าว, Caspar และ CSS Forest Group สำหรับการอภิปราย