语义化HTML：p、h1-6、q、blockquote、hr、address、code、pre、var、cite、dfn和samp

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

一、元素语义

p标签

W3C草案：

The p element represents a paragraph.W3C specification

语义化的 <p>元素表示：文章中的段落。默认样式 margin: 1em

h1-6标签

W3C草案：

The h1 through h6 elements are headings for the sections with which they are associated. W3C specification

语义化的 <h1>元素到 <h6>元素表示：作为相关内容的标题，且<h1>为最高级别的标题。注意：<h1>元素一般用作网页标题，网页中最多出现一个<h1>元素。

q标签

W3C草案：

The q element represents phrasing content quoted from another source.W3C specification

语义化的 <q>元素表示：引述其他人或来源的简短内容（句子），建议通过cite特性添加来源地址。注意：<q>元素的默认样式为引述的内容前后添加双引号。

blockquote标签

W3C草案：

The blockquote element represents a section that is quoted from another source.W3C specification

语义化的 <blockquote>元素表示：引述其他人或来源的长篇幅的内容（段落），建议通过cite特性添加来源地址。注意：<blockquote>元素的默认样式为引述的段落左右添加缩进40px。

hr标签

W3C草案：

The hr element represents a paragraph-level thematic break.W3C specification

语义化的 <hr>元素：用于表示上面的主题结束，接下来的内容属于另一个主题。

address标签

W3C草案：

The address element represents contact information.W3C specification

语义化的 <address>元素：用于表示联系的地址信息。注意：若<address>元素为<body>元素的亲子元素，则表示当前网页的联系地址信息；若<address>元素为某个段落的子元素则表示为该段落内容的联系地址信息。

code标签

W3C草案：

The code element represents a fragment of computer code.W3C specification

语义化的 <code>元素：用于表示简短的计算机代码片段。

pre标签

W3C草案：

The pre element represents a block of preformatted text, in which structure is represented by typographic conventions rather than by elements.W3C specification

语义化的 <pre>元素：用于对内容连内容排版原封不动地显示。可用于显示大量的计算机代码片段。

var标签

W3C草案：

The var element represents either a variable in a mathematical expression or programming context, or placeholder text that the reader is meant to mentally replace with some other literal value.W3C specification

语义化的 <var>元素：表示数学表达式、程序上下文或占位符。

cite标签

W3C草案：

The cite element represents the cited title of a work; for example, the title of a book mentioned within the main text flow of a document.W3C specification

语义化的 <cite>元素：表示该内容为某作品的标题，作品包括诗歌、书籍、小说、电影、歌剧、电视剧、音乐、展览、报告等。

dfn标签

W3C草案：