HTML 短语标记

时间:2019-06-08 23:19:23  来源:igfitidea点击:

短语标记是为特定目的而设计的,尽管它们的显示方式与我们在上一章中看到的其他基本标记类似。

强调文本

<em>…</em>元素中出现的任何内容都将显示为强调文本。

<p>em标签用于强调文本。 <em>这里是强调文本</em></p>

标记文本

<mark>…</mark>元素中出现的任何内容都将显示为黄色。

<p><mark>mark标签</mark> 默认将被显示为黄色</p>

强文本

<strong>…</strong>元素中出现的任何内容都将显示为重要文本。

<p>这是<strong>重要文本</strong></p>

缩略语元素

<acronym>元素允许我们指明<acronym></acronym>标记之间的文本是首字母缩略词。

目前,主流浏览器不会改变<acronym>元素内容的外观。

<p>使用acronym标签,表明<acronym>HTML</acronym>是某个术语的首字母缩写。</p>

文本方向

<bdo>…</bdo>元素代表双向覆盖,用于覆盖当前文本方向。

<p>此文本将从左向右。</p>
<p><bdo dir = "rtl">这个文本将从右向左。</bdo></p>

文本引文

如果引用的是文本,则可以指示源代码将其放在<cite>开始标记和</cite>结束标记之间。

<cite>元素的内容默认以斜体文本呈现。

<p>这篇教程受<cite>HTML的w3标准</cite>所启发而写。</p>

源代码

任何出现在网页上的编程代码都应该放在<code>…</code>标记中。通常<code>元素的内容以等宽字体显示。

<p>普通文本 <code>这里面是代码。</code> 普通文本</p>

键盘文本

可以使用<kbd>…</kbd>元素来指示应该输入什么键。

<p>普通文本。 按下<kbd>Ctrl+Alt+A</kbd>键</p>

编程变量

此元素通常与

元素一起使用,以指示该元素的内容是一个变量。

<p><code>document.write("<var>user-name</var>")</code></p>

程序输出

<samp>...</samp>元素通常用于表明这是程序的输出。

<p>程序的结果是:<samp>Hello World!</samp></p>

地址文本

网页通常包括街道或邮政地址。
HTML提供了一个特殊的标签 <address>…</address>元素用于包含任何地址。

<address>
1999号<br>
浦东大道<br>
上海市普通新区
</address>