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