ข้อมูลอ้างอิงHTML

HTML โดยตัวอักษร HTML ตามหมวดหมู่ รองรับ HTML Browser แอตทริบิวต์ HTML HTML Global Attributes เหตุการณ์ HTML HTML สี HTML Canvas HTML เสียง/วิดีโอ ชุดอักขระ HTML HTML Doctypes การเข้ารหัส URL HTML รหัสภาษา HTML รหัสประเทศ HTML ข้อความ HTTP วิธี HTTP ตัวแปลง PX เป็น EM แป้นพิมพ์ลัด


HTML <footer>แท็ก


ตัวอย่าง

ส่วนท้ายในเอกสาร:

<footer>
  <p>Author: Hege Refsnes</p>
  <p><a href="mailto:[email protected]">[email protected]</a></p>
</footer>

ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง


ความหมายและการใช้งาน

แท็ ก<footer>กำหนดส่วนท้ายสำหรับเอกสารหรือส่วน

องค์ประกอบ<footer>โดยทั่วไปประกอบด้วย:

  • ข้อมูลผู้แต่ง
  • ข้อมูลลิขสิทธิ์
  • ข้อมูลติดต่อ
  • แผนผังเว็บไซต์
  • กลับไปด้านบนลิงค์
  • เอกสารที่เกี่ยวข้อง

คุณสามารถมี<footer>องค์ประกอบหลายอย่างในเอกสารเดียว


เคล็ดลับและหมายเหตุ

เคล็ดลับ:ข้อมูลติดต่อภายใน<footer>องค์ประกอบควรอยู่ภายใน แท็ก<address>


รองรับเบราว์เซอร์

ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนองค์ประกอบอย่างสมบูรณ์

Element
<footer> 5.0 9.0 4.0 5.0 11.1

คุณสมบัติสากล

แท็ ก<footer>ยังสนับสนุน Global Attributes ในHTML


คุณสมบัติของเหตุการณ์

แท็ ก<footer>ยังสนับสนุนแอตทริบิวต์เหตุการณ์ใน HTML



ตัวอย่างเพิ่มเติม

ตัวอย่าง

ใช้ CSS เพื่อจัดรูปแบบ <footer>:

<html>
<head>
<style>
footer {
  text-align: center;
  padding: 3px;
  background-color: DarkSalmon;
  color: white;
}
</style>
</head>
<body>

<footer>
  <p>Author: Hege Refsnes<br>
  <a href="mailto:[email protected]">[email protected]</a></p>
</footer>

</body>
</html>

หน้าที่เกี่ยวข้อง

การอ้างอิง HTML DOM: Footer Object


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

เบราว์เซอร์ส่วนใหญ่จะแสดง<footer>องค์ประกอบด้วยค่าเริ่มต้นดังต่อไปนี้:

footer {
  display: block;
}