HTML แบบตัวแทน <section>

  • หน้าก่อนหน้า <search>
  • หน้าต่อไป <select>

คำนิยามและการใช้งาน

<section> ตารางหน้าหลักแสดงส่วนหนึ่งของเอกสาร

ดูเพิ่มเติมที่:

คู่มืออ้างอิง HTML DOM:เป้าหมาย Section

ตัวอย่าง

ส่วนที่สองของเอกสารนี้:

<section>
<h2>ประวัติของ WWF</h2>
<p>มูลนิธิธรรมชาติโลก (WWF) เป็นองค์กรระหว่างประเทศที่มุ่งมั่นที่จะปกป้องสิ่งแวดล้อม วิจัยและฟื้นฟูปัญหา มีสถานะก่อนหน้าคือมูลนิธิสัตว์ป่าโลก</p>
</section>
<section>
<h2>สัญลักษณ์ของ WCF</h2>
<p>หมีโลกเป็นสัญลักษณ์ขององค์กรอนุรักษ์ธรรมชาติโลก WCF. สัญลักษณ์หมีโลกที่เป็นที่รู้จักของ WCF มาจากหมีที่ชื่อ 'Qiqi' ที่ถูกย้ายจากสวนสัตว์ประมงปักกิ่งไปยังสวนสัตว์ประมงลอนดอนในปีที่ WCF ก่อตั้งขึ้น。</p>
</section>

ทดลองด้วยตัวเอง

นิยายโลกความรู้

<section> แบบบันทึกยังสนับสนุน นิยายโลกความรู้ใน HTML.

นิยายเหตุการณ์

<section> แบบบันทึกยังสนับสนุน นิยายเหตุการณ์ใน HTML.

การตั้งค่า CSS โรมัน

โปรแกรมแบบนี้จะใช้ค่าเริ่มต้นตามตารางนี้ <section> องค์ประกอบ:

section {
  display: block;
}

ทดลองด้วยตัวเอง

การสนับสนุนโปรแกรมนี้

ตัวเลขในตารางระบุอุปกรณ์ที่สนับสนุนการใช้งานแบบเต็มของคุณสมบัตินี้

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
5.0 9.0 4.0 5.0 11.5
  • หน้าก่อนหน้า <search>
  • หน้าต่อไป <select>