HTML <footer> 標籤
示例
文件的頁尾部分
<footer>
<p>作者:Hege Refsnes</p>
<p><a href="mailto:hege@example.com">hege@example.com</a></p>
</footer>
自己動手試一試 »
更多“自己嘗試”的例子見下文。
定義和用法
<footer>
標籤定義文件或部分的頁尾。
<footer>
元素通常包含
- 作者資訊
- 版權資訊
- 聯絡資訊
- 站點地圖
- 返回頂部連結
- 相關文件
一個文件中可以有多個 <footer>
元素。
提示和註釋
提示: <footer>
元素內的聯絡資訊應放在 <address>
標籤內。
瀏覽器支援
表格中的數字表示完全支援該元素的首個瀏覽器版本。
元素 | |||||
---|---|---|---|---|---|
<footer> | 5.0 | 9.0 | 4.0 | 5.0 | 11.1 |
全域性屬性
<footer>
標籤也支援 HTML 全域性屬性。
事件屬性
<footer>
標籤也支援 HTML 事件屬性。
更多示例
示例
使用 CSS 設定 <footer> 的樣式
<html>
<head>
<style>
footer {
text-align: center;
padding: 3px;
background-color: DarkSalmon;
color: white;
}
</style>
</head>
<body>
<footer>
<p>作者:Hege Refsnes<br>
<a href="mailto:hege@example.com">hege@example.com</a></p>
</footer>
</body>
</html>
自己動手試一試 »
相關頁面
HTML DOM 參考: Footer 物件
預設 CSS 設定
大多數瀏覽器會以以下預設值顯示 <footer>
元素
footer {
display: block;
}