前言
記錄在《重學(xué)前端 - 04 | HTML語義:如何運用語義類標簽來呈現(xiàn)Wiki網(wǎng)頁厂抽?》使用到的標簽羡蛾,發(fā)現(xiàn)許多標簽是自己一次都沒使用過的评架,從MDN上摘錄一遍眷茁。對于語義化引用winter的觀點:
“用對”語義標簽 > “不用”語義標簽(使用 div, span 代替) > “用錯”語義標簽
你可以盡量只用自己熟悉的語義標簽,并且只在有把握的場景引入語義標簽 纵诞。
aside
aside 元素表示一個和其余頁面內(nèi)容幾乎無關(guān)的部分上祈,被認為是獨立于該內(nèi)容的一部分并且可以被單獨的拆分出來而不會使整體受影響。其通常表現(xiàn)為側(cè)邊欄或者嵌入內(nèi)容浙芙。
article
article 元素表示文檔登刺、頁面、應(yīng)用或網(wǎng)站中的獨立結(jié)構(gòu)嗡呼,其意在成為可獨立分配的或可復(fù)用的結(jié)構(gòu)纸俭,如在發(fā)布中,它可能是論壇帖子南窗、雜志或新聞文章揍很、博客、用戶提交的評論万伤、交互式組件窒悔,或者其他獨立的內(nèi)容項目。
hgroup, h1, h2
The HTML <hgroup> element represents a multi-level heading for a section of a document. It groups a set of <h1>–<h6>
elements.
<hgroup>
<h1>Calculus I</h1>
<h2>Fundamentals</h2>
</hgroup>
abbr
abbr 元素表示縮寫壕翩,并可選擇提供一個完整的描述(title)蛉迹。
<abbr title="World of Warcraft">WOW</abbr>
hr
在頁面中經(jīng)常存在很長的橫線傅寡,橫線是不應(yīng)該使用 hr 元素的放妈。hr 元素表示段落級元素之間的主題轉(zhuǎn)換(例如北救,一個故事中的場景的改變,或一個章節(jié)的主題的改變)芜抒。
p
p 元素表示段落珍策。p 元素是塊級元素。
strong
strong 元素表示文本十分重要宅倒,用粗體顯示攘宙。
blockquote, q, cite
blockquote 元素(或者 HTML 塊級引用元素),代表其中的文字是引用內(nèi)容拐迁。通常在渲染時蹭劈,這部分的內(nèi)容會有一定的縮進。若引文來源于網(wǎng)絡(luò)线召,則可以將原內(nèi)容的出處 URL 地址設(shè)置到 cite 特性上铺韧,若要以文本的形式告知讀者引文的出處時,可以通過 cite 元素缓淹。
q 元素表示一個封閉的并且是短的行內(nèi)引用的文本. 這個標簽是用來引用短的文本哈打,所以請不要引入換行符。
cite 元素表示一個作品的引用讯壶。它必須包含引用作品的符合簡寫格式的標題或者URL料仗,它可能是一個根據(jù)添加引用元數(shù)據(jù)的約定的簡寫形式。
<blockquote cite="https://www.huxley.net/bnw/four.html">
<p>Words can be like X-rays, if you use them properly – they'll go through anything. You read and you're pierced.</p>
</blockquote>
<cite>– Aldous Huxley, Brave New World</cite>
time
time 元素用來表示24小時制時間或者公歷日期伏蚊,若表示日期則也可包含時間和時區(qū)立轧。
figure, figcaption
figure代表一段獨立的內(nèi)容,經(jīng)常與 figcaption 元素配合使用,并且作為一個獨立的引用單元丙挽。當它屬于主體(main flow)時肺孵,它的位置獨立于主體。這個標簽經(jīng)常是在主文中引用的圖片颜阐,插圖平窘,表格,代碼段等等凳怨,當這部分轉(zhuǎn)移到附錄中或者其他頁面時不會影響到主體瑰艘。
figcaption 元素是與其相關(guān)聯(lián)的圖片的說明/標題,用于描述其父節(jié)點 figure 元素里的其他數(shù)據(jù)肤舞。
<figure>
<img src="https://.....440px-NeXTcube_first_webserver.JPG"/>
<figcaption>The NeXT Computer used by Tim Berners-Lee at CERN.</figcaption>
</figure>
dfn
dfn 元素表示術(shù)語的一個定義紫新。
<!-- Define "The Internet" -->
<p><dfn id="def-internet">The Internet</dfn> is a global system of interconnected networks that use the Internet Protocol Suite (TCP/IP) to serve billions of users worldwide.</p>
nav, ol, ul
nav 元素表示描繪一個含有多個超鏈接的區(qū)域,這個區(qū)域包含轉(zhuǎn)到其他頁面李剖,或者頁面內(nèi)部其他部分的鏈接列表芒率。
ol 有序列表。
ul 無序列表篙顺。
pre, samp, code
pre 元素表示預(yù)定義格式文本偶芍。在該元素中的文本通常按照原文件中的編排充择,以等寬字體的形式展現(xiàn)出來,文本中的空白符(比如空格和換行符)都會顯示出來匪蟀。(緊跟在 pre 開始標簽后的換行符也會被省略)椎麦。
samp 元素用于標識計算機程序輸出。通常使用瀏覽器缺省的 monotype 字體材彪。
code 元素呈現(xiàn)一段計算機代碼观挎。 默認情況下, 它以瀏覽器的默認等寬字體顯示。