ความหมายคือการศึกษาความหมายของคำและวลีในภาษา องค์ประกอบความหมาย = องค์ประกอบที่มีความหมาย องค์ประกอบเชิงความหมายอธิบายอย่างชัดเจนถึงความหมายของเบราว์เซอร์และนักพัฒนา ตัวอย่างขององค์ประกอบที่ไม่ใช่ความหมาย :<div>和<span>- ไม่มีสิ่งใดที่ทราบเกี่ยวกับเนื้อหาของพวกเขา ตัวอย่างขององค์ประกอบความหมาย: <form>, <table> และ <article> - กำหนดเนื้อหาอย่างชัดเจน เบราว์เซอร์สมัยใหม่ทั้งหมดรองรับองค์ประกอบความหมาย HTML5
เว็บไซต์หลายแห่งมีโค้ด HTML เช่น :<div id =nav> <div class =header> <div id =footer> เพื่อระบุการนำทาง ส่วนหัว และส่วนท้าย HTML5 มีองค์ประกอบความหมายใหม่เพื่อกำหนดส่วนต่าง ๆ ของหน้าเว็บ:
<บทความ><aside><details><figcaption><figure><footer><header><main><mark><nav><section><summary><time>องค์ประกอบ HTML5 <ส่วน>
<section> องค์ประกอบกำหนดส่วนของเอกสาร ตามเอกสาร HTML5 ของ W3C: ส่วนคือการจัดกลุ่มเนื้อหาตามธีม ซึ่งโดยปกติจะมีชื่อเรื่อง โดยปกติแล้วหน้าแรกสามารถแบ่งออกเป็นหลายส่วนสำหรับการแนะนำ เนื้อหา และข้อมูลการติดต่อ
<!DOCTYPE html> <html> <body> <section> <h1>Java</h1> <p>Java เป็นภาษาการเขียนโปรแกรมคอมพิวเตอร์ที่ใช้กันอย่างแพร่หลายพร้อมคุณสมบัติการเขียนโปรแกรมข้ามแพลตฟอร์ม เชิงวัตถุ และทั่วไปที่นำไปใช้กับองค์กร -ระดับการพัฒนาแอปพลิเคชันเว็บและการพัฒนาแอปพลิเคชันบนมือถือ </p> </section> <section> <h1>PHP</h1> <p>PHP (ชื่อเต็ม: PHP: Hypertext Preprocessor คือ PHP: Hypertext Preprocessor) เป็นภาษาสคริปต์คอมพิวเตอร์แบบโอเพ่นซอร์สโดยเฉพาะ เหมาะสำหรับการพัฒนาเว็บและสามารถฝังลงใน HTML ได้ </p> </section> </body> </html>องค์ประกอบ HTML5 <บทความ>
องค์ประกอบ <article> ระบุเนื้อหาที่รวมเป็นอิสระ บทความควรสมเหตุสมผลและควรอ่านแยกจากส่วนอื่นๆ ของเว็บไซต์ได้ ตัวอย่างที่สามารถใช้องค์ประกอบ <article> ได้:
<!DOCTYPE html> <html> <body> <article> <h1>Java</h1> <p>Java เป็นภาษาโปรแกรมคอมพิวเตอร์ที่ใช้กันอย่างแพร่หลาย พร้อมด้วยคุณสมบัติการเขียนโปรแกรมข้ามแพลตฟอร์ม เชิงวัตถุ และทั่วไป -ระดับการพัฒนาแอปพลิเคชันเว็บและการพัฒนาแอปพลิเคชันบนมือถือ </p> </บทความ> </body> </html>องค์ประกอบ HTML5 <ส่วนหัว>
<header> องค์ประกอบระบุไฟล์หรือส่วนหัวของส่วน องค์ประกอบ <header> ควรใช้เป็นคอนเทนเนอร์สำหรับเนื้อหาเกริ่นนำ คุณสามารถรวมหลายองค์ประกอบใน <header> ตัวอย่างต่อไปนี้จะกำหนดชื่อเรื่องของบทความ:
<!DOCTYPE html> <html> <body> <article> <header> <h1>Java</h1> <p>Java คืออะไร:</p> </header> <p>Java เป็นคอมพิวเตอร์ที่ใช้กันอย่างแพร่หลาย ภาษาการเขียนโปรแกรมที่มีคุณสมบัติการเขียนโปรแกรมข้ามแพลตฟอร์ม เชิงวัตถุ และทั่วไป และมีการใช้กันอย่างแพร่หลายในการพัฒนาแอปพลิเคชันเว็บระดับองค์กรและการพัฒนาแอปพลิเคชันมือถือ </p> </บทความ> </body> </html>องค์ประกอบ HTML5 <ส่วนท้าย>
<footer> องค์ประกอบระบุไฟล์หรือส่วนท้ายบางส่วน องค์ประกอบ <footer> ควรมีข้อมูลเกี่ยวกับหน่วยที่มีอยู่ ส่วนท้ายมักประกอบด้วยผู้เขียนเอกสาร ข้อมูลลิขสิทธิ์ ลิงก์ไปยังข้อกำหนดการใช้งาน ข้อมูลติดต่อ ฯลฯ คุณสามารถมีหลายองค์ประกอบภายใน <footer>
<!DOCTYPE html> <html> <body> <footer> <p>ลิขสิทธิ์</p> <p>ข้อมูลติดต่อ: <a href=mailto:[email protected]> [email protected]</a> </p> </ส่วนท้าย> </body> </html>องค์ประกอบ HTML5 <nav>
องค์ประกอบ <nav> กำหนดชุดของลิงก์การนำทาง
<!DOCTYPE html> <html> <body> <nav> <a href=#>Java</a> | <a href=#>CSS</a> | <a href=#>HTML</a> | <a href=#>jQuery</a> </nav> </body> </html>องค์ประกอบ HTML5 <aside>
<aside> องค์ประกอบกำหนดเนื้อหาบางส่วนจากเนื้อหาที่วางไว้ (เช่นแถบด้านข้าง) <aside> เนื้อหาควรเป็นเนื้อหาโดยรอบ
<!DOCTYPE html> <html> <body> <p>Java เป็นภาษาโปรแกรมคอมพิวเตอร์ที่ใช้กันอย่างแพร่หลายพร้อมคุณสมบัติการเขียนโปรแกรมข้ามแพลตฟอร์ม เชิงวัตถุ และทั่วไป มีการใช้กันอย่างแพร่หลายในการพัฒนาแอปพลิเคชันเว็บระดับองค์กรและแอปพลิเคชันมือถือ การพัฒนา. . </p> <aside> <h4>PHP</h4> <p>PHP เป็นภาษาที่ดีที่สุดในโลก </p> </นอกเหนือ> </body> </html>สรุป
ข้างต้นคือองค์ประกอบความหมาย HTML5 ที่เครื่องมือแก้ไขแนะนำ คุณใช้มันอย่างถูกต้องแล้วหรือยัง ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใดๆ โปรดฝากข้อความไว้ให้ฉัน แล้วเครื่องมือแก้ไขจะตอบกลับคุณทันเวลา ฉันอยากจะขอบคุณทุกคนที่ให้การสนับสนุนเว็บไซต์ศิลปะการต่อสู้ VeVb!
หากคุณคิดว่าบทความนี้มีประโยชน์สำหรับคุณ คุณสามารถพิมพ์ซ้ำได้ โปรดระบุแหล่งที่มา ขอขอบคุณ!