短語標記是爲特定目的而設計的，儘管它們的顯示方式與其他基本標記類似，如<b>、<i>、<pre>和<tt>，如前一章所述。本章將帶您瀏覽所有重要的短語標記，讓我們開始逐一查看它們。
Emphasized Text
元素中出現的任何內容都將顯示爲強調文本。
Example
<!DOCTYPE html>
<html>
<head>
<title>Emphasized Text Example</title>
</head>
<body>
<p>The following word uses an <em>emphasized</em> typeface.</p>
</body>
</html>
這將產生以下結果&負;
Marked Text
與in<mark>…<mark>元素一起出現的任何內容都顯示爲用黃色墨水標記。
Example
<!DOCTYPE html>
<html>
<head>
<title>Marked Text Example</title>
</head>
<body>
<p>The following word has been <mark>marked</mark> with yellow</p>
</body>
</html>
這將產生以下結果&負;
Strong Text
元素中出現的任何內容都顯示爲重要文本。
Example
<!DOCTYPE html>
<html>
<head>
<title>Strong Text Example</title>
</head>
<body>
<p>The following word uses a <strong>strong</strong> typeface.</p>
</body>
</html>
這將產生以下結果&負;
Text Abbreviation
您可以將文本放在「開始」和「結束」標記中進行縮寫。如果存在，title屬性必須包含此完整描述，而不能包含其他內容。
Example
<!DOCTYPE html>
<html>
<head>
<title>Text Abbreviation</title>
</head>
<body>
<p>My best friend's name is <abbr title = "Abhishek">Abhy</abbr>.</p>
</body>
</html>
這將產生以下結果&負;
Acronym Element
<acronym>元素允許您指示<acronym>和<acronym>標記之間的文本是一個縮寫。
目前，主要瀏覽器不會更改<acronym>元素內容的外觀。
Example
<!DOCTYPE html>
<html>
<head>
<title>Acronym Example</title>
</head>
<body>
<p>This chapter covers marking up text in <acronym>XHTML</acronym>.</p>
</body>
</html>
這將產生以下結果&負;
Text Direction
<bdo>…<bdo>元素表示雙向覆蓋，用於覆蓋當前文本方向。
Example
<!DOCTYPE html>
<html>
<head>
<title>Text Direction Example</title>
</head>
<body>
<p>This text will go left to right.</p>
<p><bdo dir = "rtl">This text will go right to left.</bdo></p>
</body>
</html>
這將產生以下結果&負;
Special Terms
元素（或HTML Definition元素）允許您指定要引入的特殊術語。它的用法類似於段落中間的斜體字。
通常，您在第一次引入關鍵術語時會使用<dfn>元素。最新的瀏覽器以斜體字體呈現<dfn>元素的內容。
Example
<!DOCTYPE html>
<html>
<head>
<title>Special Terms Example</title>
</head>
<body>
<p>The following word is a <dfn>special</dfn> term.</p>
</body>
</html>
這將產生以下結果&負;
Quoting Text
當你想引用另一個來源的文章時，你應該把它放在<blockquote>…<blockquote>標籤之間。
元素中的文本通常從周圍文本的左右邊緣縮進，有時使用斜體字體。
Example
<!DOCTYPE html>
<html>
<head>
<title>Blockquote Example</title>
</head>
<body>
<p>The following description of XHTML is taken from the W3C Web site:</p>
<blockquote>XHTML 1.0 is the W3C's first Recommendation for XHTML,following on
from earlier work on HTML 4.01, HTML 4.0, HTML 3.2 and HTML 2.0.</blockquote>
</body>
</html>
這將產生以下結果&負;
Short Quotations
當您要在句子中添加雙引號時，將使用<q>…</q>元素。
Example
<!DOCTYPE html>
<html>
<head>
<title>Double Quote Example</title>
</head>
<body>
<p>Amit is in Spain, <q>I think I am wrong</q>.</p>
</body>
</html>
這將產生以下結果&負;
Text Citations
如果您引用的是文本，則可以指明將其放置在「打開」標記和「關閉」標記之間的源
正如您在印刷出版物中所期望的，默認情況下，<cite>元素的內容以斜體文本呈現。
Example
<!DOCTYPE html>
<html>
<head>
<title>Citations Example</title>
</head>
<body>
<p>This HTML tutorial is derived from <cite>W3 Standard for HTML</cite>.</p>
</body>
</html>
這將產生以下結果&負;
Computer Code
任何出現在網頁上的編程代碼都應該放在<code>…<code>標記中。通常，<code>元素的內容以等寬字體顯示，就像大多數編程書籍中的代碼一樣。
Example
<!DOCTYPE html>
<html>
<head>
<title>Computer Code Example</title>
</head>
<body>
<p>Regular text. <code>This is code.</code> Regular text.</p>
</body>
</html>
這將產生以下結果&負;
Keyboard Text
在談論計算機時，如果要告訴讀者輸入一些文本，可以使用<kbd>…<kbd>元素指示應鍵入的內容，如本例所示。
Example
<!DOCTYPE html>
<html>
<head>
<title>Keyboard Text Example</title>
</head>
<body>
<p>Regular text. <kbd>This is inside kbd element</kbd> Regular text.</p>
</body>
</html>
這將產生以下結果&負;
Programming Variables
此元素通常與<pre>和<code>元素一起使用，以指示該元素的內容是一個變量。
Example
<!DOCTYPE html>
<html>
<head>
<title>Variable Text Example</title>
</head>
<body>
<p><code>document.write("<var>user-name</var>")</code></p>
</body>
</html>
這將產生以下結果&負;
Program Output
<samp>…<samp>元素表示程序的示例輸出和腳本等。同樣，它主要用於記錄編程或編碼概念。
Example
<!DOCTYPE html>
<html>
<head>
<title>Program Output Example</title>
</head>
<body>
<p>Result produced by the program is <samp>Hello World!</samp></p>
</body>
</html>
這將產生以下結果&負;
Address Text
<address>..<address>元素用於包含任何地址。
Example
<!DOCTYPE html>
<html>
<head>
<title>Address Example</title>
</head>
<body>
<address>388A, Road No 22, Jubilee Hills - Hyderabad</address>
</body>
</html>
這將產生以下結果&負;