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;
}