เรียนรู้วิธีใช้ HTML <article> ธาตุ
HTML <article> แท็ก ใช้เพื่อกำหนดองค์ประกอบบทความสำหรับ มีเนื้อหาในตัวเอง เนื้อหา. มีอยู่ในตัวเองหมายความว่าเนื้อหาที่คุณใส่ในองค์ประกอบของบทความควรทำงานแยกจากส่วนที่เหลือของเว็บไซต์ของคุณ
วิธีใช้แท็ก ของ HTML
ใช้กรณีสำหรับ <article> แท็ก:
- บล็อก
- นิตยสาร
- เว็บไซต์ข่าว
ต่างจาก <main> องค์ประกอบ ซึ่งเป็นคอนเทนเนอร์เนื้อหา <article> แท็กสามารถใช้ได้ครั้งเดียวหรือหลายครั้งในเอกสาร HTML เดียวกัน
ตัวอย่างเช่น คุณสามารถใช้ <article> . เดียว เป็นองค์ประกอบคอนเทนเนอร์หน้าแรก สำหรับบทความ/โพสต์:
<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>เว็บไซต์ที่คุณกำลังอ่านอยู่ทางขวามีโครงสร้างมาร์กอัป HTML ที่คล้ายคลึงกัน คุณสามารถดูได้ด้วยตัวเองหากคุณคลิกขวาที่เว็บไซต์นี้แล้วคลิกตรวจสอบ
<article> องค์ประกอบยังสามารถใช้เพื่อแสดงรายการเนื้อหาที่แตกต่างกัน โดยแต่ละรายการจะอยู่ภายในองค์ประกอบบทความของตนเอง ตัวอย่างเช่น ฟีดบทความที่มีลิงก์ไปยังแต่ละโพสต์:
<div>
<article>
<a href="/path-to-blog-post-1">
<h3>Blog post 1</h3>
</a>
</article>
<article>
<a href="/path-to-blog-post-2">
<h3>Blog post 2</h3>
</a>
</article>
<article>
<a href="/path-to-blog-post-3">
<h3>Blog post 3</h3>
</a>
</article>
</div>แต่ละบทความในสามบทความด้านบนนี้ถูกอ่านโดยเว็บเบราว์เซอร์เป็นเนื้อหาที่เป็นอิสระและเป็นเนื้อหาในตัวเอง
<article> แท็กเป็นหนึ่งในแท็ก HTML จำนวนมากที่ใช้กำหนดองค์ประกอบคอนเทนเนอร์ องค์ประกอบคอนเทนเนอร์ HTML ที่ใช้บ่อยที่สุดคือ:
<section> , <main> , <header> , <footer> ,<form> และ <div> (ซึ่งเป็นแท็กทั่วไปที่เราใช้หากไม่มีแท็กอื่นใดที่เกี่ยวข้อง)
