เรียนรู้วิธีใช้ HTML <main> ธาตุ
HTML <main> องค์ประกอบถูกใช้เป็นคอนเทนเนอร์เพื่อแสดงส่วนหลัก/ส่วนสำคัญของเนื้อหาหน้าของคุณภายใน <body ธาตุ
ตัวอย่าง:
<body>
<header><!-- Header content --></header>
<main>
<article>
<h3>Google Chrome</h3>
<p>Paragraph</p>
</article>
<article>
<h3>Headline</h3>
<p>Paragraph</p>
</article>
<article>
<h3>Headline</h3>
<p>Paragraph</p>
</article>
</main>
<footer><!-- Footer content --></footer>
</body>
<main> องค์ประกอบประกอบด้วยเนื้อหาที่เป็นศูนย์กลางของหัวข้อของเอกสารของคุณ
ในขณะที่ <header> และ <footer> องค์ประกอบยังมีเนื้อหา (โดยปกติคือลิงก์และโลโก้) ซึ่งไม่สามารถถือเป็นส่วนหลักของเว็บไซต์ของคุณ ซึ่งเป็นสาเหตุที่คุณวางตำแหน่งไว้ภายนอก <main> ธาตุ
ไม่เหมือนกับ <article> องค์ประกอบ ซึ่งเป็นคอนเทนเนอร์เนื้อหา <main> ควรใช้องค์ประกอบเพียงครั้งเดียวภายในเอกสาร HTML เดียวกัน
ตัวอย่างเช่น
<main>
<article>
<h1>Title of your post</h1>
<p>Paragraph</p>
<p>Paragraph</p>
<img href="your-image.jpg" alt="description of image" />
<p>Paragraph</p>
<p>Paragraph</p>
</article>
</main>เว็บไซต์ที่คุณกำลังอ่านอยู่ทางขวามีโครงสร้างมาร์กอัป HTML ที่คล้ายคลึงกัน คุณสามารถดูได้ด้วยตัวเองหากคุณคลิกขวาที่เว็บไซต์นี้แล้วคลิกตรวจสอบ
<main> แท็กเป็นหนึ่งในแท็ก HTML จำนวนมากที่ใช้กำหนดองค์ประกอบคอนเทนเนอร์ องค์ประกอบคอนเทนเนอร์ HTML ที่ใช้บ่อยที่สุด ได้แก่:
<section> , <article> , <header> , <footer> ,<form> และ <div> (ซึ่งเป็นแท็กทั่วไปที่เราใช้หากไม่มีแท็กอื่นใดที่เกี่ยวข้อง)
