位置:首頁 > 軟件操作教程 > 編程開發(fā) > HTML > 問題詳情

HTML5新的非主體結(jié)構(gòu)元素 footer元素

提問人:劉團(tuán)圓發(fā)布時間:2020-11-13

長久以來,人們習(xí)慣于使用<div id="footter">這樣的代碼定義頁面的頁腳部分。但是在HTML5中就不需要如此了,HTML5提供了用途更廣且擴展性更強的footer元素。<footer>標(biāo)簽定義文檔或節(jié)的頁腳。<footer>元素應(yīng)當(dāng)含有其包含元素的信息,頁腳通常包含文檔的作者、版權(quán)信息、使用條款鏈接、聯(lián)系信息等??梢栽谝粋€文檔中使用多個<footer>元素。

【例題】使用footer元素

代碼如下:<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title></title>

</head>

<body>

<div id="footer"> 

<ul>

<li>關(guān)于我們</li>

<li>網(wǎng)站地圖</li>

<li>聯(lián)系我們</li>

<li>回到頂部</li>

<li>版權(quán)信息</li>

</ul>

</div>

</body>

</html>

現(xiàn)在不需要再這樣寫了,而是使用footer元素:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title></title>

</head>

<body>

<footer>

<li>關(guān)于我們</li>

<li>網(wǎng)站地圖</li>

<li>聯(lián)系我們</li>

<li>回到頂部</li>

<li>版權(quán)信息</li>

</ul>

</footer>

</body>

</html>image.png

繼續(xù)查找其他問題的答案?

相關(guān)視頻回答
回復(fù)(0)
返回頂部