HTML 内联 语义
段落和列表可以给一块区域定义,有事我们会给一个词语或几个词语来定义。
Strong
重要 的词语, 使用 <strong>
标签:
<p>
这里很 <strong>重要</strong> 这里并没有.
</p>
这里很 重要 这里并没有.
通常,<strong>
元素的字体被展的更粗,但是这仅仅是浏览器的默认表现。不要_仅仅_使用<strong>
来给文字设置粗体,更重要的是让它变的更重要。
强调
强调词语本身, 使用 <em>
标签:
<p>
这里 <em>着重强调</em> 这里并没有.
</p>
这里 着重强调 这里并没有.
通常,<em>
元素被展示成_斜体_,但这跟<strong>
被显示成粗体一样,都只是浏览器的默认表现。我们要使用<em>
元素来强调文字的重要性。
缩写
像 W3C 或者 CD 这种缩写都可以用<abbr>
标签来包含:
<p>
我想买一个 <abbr>CD</abbr>.
</p>
你可以使用title
属性给缩写的元素一个介绍,当鼠标移入元素一段时间后会显示。
<p>
我想买一个 <abbr title="Compact Disc">CD</abbr>.
</p>
我想买一个 CD.
行内引用
<blockquote>
元素是块级引用,他有一个用于行内的版本 <q>
:
<p>
他刚刚说 <q>“Hello World”</q>.
</p>
他刚刚说 “Hello World”
.
其他的内联元素
这里有大量的内联元素可供参考 inline semantic elements 在这里就不多做示例。
[CD]: Compact Disc [W3C]: World Wide Web Consortium
版权声明
本博客文章均为 范明非 原创或翻译,采用知识共享 署名-非商业性使用-相同方式共享 4.0 国际 许可协议进行许可。
原文地址: https://fanmingfei.com/posts/2015-03-03-html-inline-semantics.html