常見語義化標(biāo)簽

? ? <em>:將其中的文本表示為強(qiáng)調(diào)的內(nèi)容,表現(xiàn)為斜體。

? ? <mark>:使用黃色突出顯示部分文本。

? ? <del>:移除的內(nèi)容。

? ? <small>:呈現(xiàn)小號(hào)字體效果,指定細(xì)則,輸入免責(zé)聲明、注解、署名、版權(quán)。

? ? <hn>:h1~h6,分級(jí)標(biāo)題,<h1> 與 <title> 協(xié)調(diào)有利于搜索引擎優(yōu)化。

? ? <ul>:無序列表。

? ? <li>:有序列表。

? ? <title>:頁面主體內(nèi)容。

? ? <header>:頁眉通常包括網(wǎng)站標(biāo)志、主導(dǎo)航、全站鏈接以及搜索框。

? ? <nav>:標(biāo)記導(dǎo)航,僅對(duì)文檔中重要的鏈接群使用。

? ? <main>:頁面主要內(nèi)容,一個(gè)頁面只能使用一次。如果是web應(yīng)用,則包圍其主要功能。

? ? <article>:定義外部的內(nèi)容,其中的內(nèi)容獨(dú)立于文檔的其余部分。

? ? <section>:定義文檔中的節(jié)(section、區(qū)段)。比如章節(jié)、頁眉、頁腳或文檔中的其他部分。

? ? <aside>:定義其所處內(nèi)容之外的內(nèi)容。如側(cè)欄、文章的一組鏈接、廣告、友情鏈接、相關(guān)產(chǎn)品列表等。

? ? <footer>:頁腳,只有當(dāng)父級(jí)是body時(shí),才是整個(gè)頁面的頁腳。

? ? <strong>:和 em 標(biāo)簽一樣,用于強(qiáng)調(diào)文本,但它強(qiáng)調(diào)的程度更強(qiáng)一些。

? ? <figure>:規(guī)定獨(dú)立的流內(nèi)容(圖像、圖表、照片、代碼等等)(默認(rèn)有40px左右margin)。

? ? <figcaption>:定義 figure 元素的標(biāo)題,應(yīng)該被置于 figure 元素的第一個(gè)或最后一個(gè)子元素的位置。

? ? <cite>:表示所包含的文本對(duì)某個(gè)參考文獻(xiàn)的引用,比如書籍或者雜志的標(biāo)題。

? ? <blockquoto>:定義塊引用,塊引用擁有它們自己的空間。

? ? <q>:短的引述(跨瀏覽器問題,盡量避免使用)。

? ? <time>:datetime屬性遵循特定格式,如果忽略此屬性,文本內(nèi)容必須是合法的日期或者時(shí)間格式。

? ? <abbr>:簡(jiǎn)稱或縮寫。

? ? <dfn>:定義術(shù)語元素,與定義必須緊挨著,可以在描述列表dl元素中使用。

? ? <address>:作者、相關(guān)人士或組織的聯(lián)系信息(電子郵件地址、指向聯(lián)系信息頁的鏈接)。


? ? <ins>:添加的內(nèi)容。

? ? <code>:標(biāo)記代碼。

? ? <meter>:定義已知范圍或分?jǐn)?shù)值內(nèi)的標(biāo)量測(cè)量。(Internet Explorer 不支持 meter 標(biāo)簽)

? ? <progress>:定義運(yùn)行中的進(jìn)度(進(jìn)程)。

最后編輯于
?著作權(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)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

  • # 中山大學(xué)數(shù)據(jù)科學(xué)與計(jì)算機(jī)學(xué)院本科生實(shí)驗(yàn)報(bào)告 ## (2021年春季學(xué)期) | 課程名稱 | Android現(xiàn)代...
    luoyq25閱讀 191評(píng)論 0 0
  • 2021年安徽省語文初中學(xué)業(yè)水平測(cè)試試卷分析(三)轉(zhuǎn) ——非連續(xù)文本 今年中考的非連續(xù)性文本材料選擇很新,緊扣熱點(diǎn)...
    涓涓淺語閱讀 643評(píng)論 0 1
  • 大家好呀~今天是數(shù)據(jù)分析課程的第七課,接下來的兩節(jié)課,我們會(huì)學(xué)習(xí)爬蟲的一些基礎(chǔ)知識(shí)和基本操作。這節(jié)課主要是關(guān)于爬蟲...
    愛學(xué)習(xí)的ai醬閱讀 685評(píng)論 0 1
  • 【夏雪百話作文】(十八) 五話作文及其分類 (說明文) 安史之亂后,身處...
    夏雪閱讀 197評(píng)論 0 2
  • 我大學(xué)畢業(yè),到現(xiàn)在還有好多的漢字不認(rèn)識(shí),真是羞愧難當(dāng)。今天又遇到一個(gè)不認(rèn)識(shí)的字,查了辭書才知道了字音字義,故在此記...
    止水無塵閱讀 428評(píng)論 2 10

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