html - 標(biāo)簽語(yǔ)義化

標(biāo)簽合理使用

section  # 板塊,用于劃分頁(yè)面上的不同區(qū)域,或者劃分文章中不同的節(jié)
header  # 頁(yè)面頭部或者板塊(section)頭部
footer  #  頁(yè)面底部或者板塊(section)底部
nav  # 導(dǎo)航(包含連接的一個(gè)列表)
article  # 用來(lái)在頁(yè)面中表示一套結(jié)構(gòu)完整且獨(dú)立的內(nèi)容部分??梢杂脕?lái)呈現(xiàn)論壇的一個(gè)帖子,雜志或者報(bào)紙中的一篇文章,用戶(hù)提交的評(píng)論內(nèi)容,可以交互的頁(yè)面模塊連接等。
aside  # 元素標(biāo)簽可以包含與當(dāng)前頁(yè)面或主要內(nèi)容相關(guān)的引用,側(cè)邊欄,廣告,nav元素組,以及其他類(lèi)似的有別與主要內(nèi)容的部分。(1.被包含在<article>中作為主要內(nèi)容的復(fù)數(shù)信息部分,其中的內(nèi)容以是與當(dāng)前文章有關(guān)的引用,詞匯列表等。 2.在<article>之外使用,作為頁(yè)面或站點(diǎn)全局的復(fù)數(shù)信息部分:最典型的形式是:sidebar),其中的內(nèi)容可以是友情鏈接,附屬導(dǎo)航或者廣告單元等。
h1-h6  # 標(biāo)題
ul  # 無(wú)序列表
ol  # 有序列表
li   # 
dl dt  dd # 定義列表
time  # 時(shí)間標(biāo)簽
em  # 強(qiáng)調(diào)一個(gè)詞或者一段話(huà)  (意大利斜體)
strong  # 強(qiáng)調(diào)一個(gè)詞或者一段話(huà) (粗體)
img # 圖片

eg:header, footer, section


<!doctype html>
<html>
<head>
</head>

<body>

<header>
</header>
<section>
    <header></header>
    <footer></footer>
</section>
<footer>
</footer>

</body>

</html>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 首先是關(guān)于語(yǔ)義(Semantics)和默認(rèn)樣式的區(qū)別,默認(rèn)樣式是瀏覽器設(shè)定的一些常用tag的表現(xiàn)形式,語(yǔ)義化的主要...
    DecadeHeart閱讀 3,512評(píng)論 0 3
  • 一、什么是語(yǔ)義化的HTML? 2.常用的結(jié)構(gòu)標(biāo)記 如下div布局及結(jié)構(gòu)標(biāo)簽布局兩個(gè)例子,在網(wǎng)頁(yè)中展現(xiàn)一模一樣。明顯...
    melody瓶子閱讀 867評(píng)論 0 1
  • 說(shuō)明 只記錄我使用過(guò),且今后覺(jué)得有用的會(huì)一直更新參考:linux命令行大全 關(guān)于路徑 cd (change dir...
    壹竹閱讀 203評(píng)論 0 0
  • 要成功,就要長(zhǎng)期等待而不焦躁,態(tài)度從容卻保持敏銳,不怕挫折且充滿(mǎn)希望。
    思_3a2d閱讀 224評(píng)論 0 0
  • 文/傲嬌哇 1. 小時(shí)候,看多了童話(huà)故事,知道白雪公主躺在冰冷的水晶棺里奇跡般的復(fù)活是被白馬王子救活的。 那之后總...
    傲嬌哇閱讀 1,287評(píng)論 23 20

友情鏈接更多精彩內(nèi)容