摘要：重要或強(qiáng)調(diào)文本表示重要的文本，表示強(qiáng)調(diào)。標(biāo)記代碼使用標(biāo)記代碼文件名工程名等，要顯示多帶帶的一塊代碼，可以使用元素包住元素以維持其格式。不要將作為以逃避合適的語(yǔ)義標(biāo)記內(nèi)容和控制樣式的快捷方式。和元素旁注標(biāo)記，通常表示生僻字的發(fā)音。

毫不奇怪，p是最常用到的HTML元素之一

address并不是用于標(biāo)記郵政地址，而是定義與HTML頁(yè)面或頁(yè)面一部分有關(guān)作者、相關(guān)人士或組織的聯(lián)系信息。

    
...
    
...

    

address是其最近的外層結(jié)構(gòu)（article元素或body）的作者信息，且它只能包含作者的聯(lián)系信息，不能包含其他內(nèi)容。此外，HTML5禁止在address里包含以下元素：h1~h6、article、address、aside、footer、header、hgroup、nav和section。

之前主要用div，HTML5引入了figure。

figure元素可以包含多個(gè)內(nèi)容塊，但只允許有一個(gè)figcaption，且figcaption必須與其他內(nèi)容一起包含在figure里面，不能多帶帶出現(xiàn)在其他位置，它必須是figure的第一個(gè)或最后一個(gè)元素。

HTML5新增了time元素來(lái)標(biāo)記一個(gè)準(zhǔn)確的時(shí)間或日期。

The train arrives at 08:45 and 16:45 on 2016-08-13.

June 12,1952 at 11:50 a.m.

tonight at 6:30

沒(méi)有datetime屬性時(shí)，必須使用合法的格式（YYYY-MM-DDThh:mm:ss）表示日期和時(shí)間。前三個(gè)例子在time元素里都包含了時(shí)間和日期的文本(datetime和文本最好反映同樣的時(shí)間)，這些文字會(huì)在屏幕上顯示，但最后一個(gè)例子不會(huì)，當(dāng)前瀏覽器不能顯示屬性中的值。

October 15,2011

包含pubdate屬性的time表示其最近的祖先article元素的發(fā)布日期，若沒(méi)有article，則表示整個(gè)頁(yè)面的發(fā)布日期。既可以用，也可以用指定pubdate。不過(guò)，一旦包含它，就必須提供datetime或時(shí)間的文本內(nèi)容。

strong表示重要的文本，em表示強(qiáng)調(diào)。根據(jù)需要，這兩個(gè)文本可以多帶帶使用，或者一起使用，甚至同一個(gè)標(biāo)簽可以嵌套使用。

不能用b代替strong，也不能用i代替em。因?yàn)?b>b和i沒(méi)有任何語(yǔ)義，接下來(lái)看一下HEML5中對(duì)b和i的新定義。

b元素表示出于實(shí)用的目的提醒讀者注意的一塊文字，不表達(dá)額外的重要性，不傳達(dá)額外的重要性，也不表達(dá)其他的語(yǔ)態(tài)和語(yǔ)氣，用于如文檔摘要的關(guān)鍵詞、評(píng)論里的產(chǎn)品名、基于文本的交互式軟件中指示操作的文字、文章導(dǎo)語(yǔ)等。
i元素表示一塊不同于其他文字的文字，具有不同的語(yǔ)態(tài)或語(yǔ)氣，或其他不同與常規(guī)之處，用于如分類名稱、技術(shù)術(shù)語(yǔ)、外語(yǔ)里的慣用語(yǔ)、思想、西方文字中的船舶名稱等。

也可以說(shuō)，b和i是其他元素（如strong、em、cite等）都不適用時(shí)的最后選擇。

cite指明對(duì)某內(nèi)容源的引用或參考，默認(rèn)以斜體呈現(xiàn)。

bolckquote和q用以標(biāo)記引述的文本。引述塊級(jí)文本使用blockquote，引述行內(nèi)文本使用q。

    
...[被引述的文本]...


She tried again,this time in French:Avez-vous lu le livre High Tide in Tucson de Kingsolver? C"est insprirational.

應(yīng)盡量避免將文本直接放在blockquote開(kāi)始和結(jié)束標(biāo)記之間。應(yīng)該將文本放在blockquote中p或其他語(yǔ)義上合適的元素。

可以對(duì)blockquote和q使用可選的cite屬性，但是瀏覽器通常不會(huì)將cite的URL呈現(xiàn)給用戶，這個(gè)屬性本身不是特別有用。建議在內(nèi)容中使用鏈接（a元素）重復(fù)這個(gè)URL，讓訪問(wèn)者可以查看來(lái)源。

blockquote是HTML5的區(qū)塊根，這意味著它可以有h1~h6的標(biāo)題（及其自身的大綱），但文檔大綱不會(huì)包含這些標(biāo)題。

q元素引用的內(nèi)容不能跨越不同的段落。

不要僅僅因?yàn)樾枰谧衷~兩端加引號(hào)就使用q。

blockquote和q可以嵌套，嵌套的q元素應(yīng)該自動(dòng)加上正確的引用，由于內(nèi)外引號(hào)在不同語(yǔ)言中處理的方式是不一樣的，因此需要根據(jù)需要在q元素中加上lang屬性。

mark最常見(jiàn)的使用場(chǎng)合是在搜索結(jié)果頁(yè)面，對(duì)搜索詞進(jìn)行突出顯示。

對(duì)于某段引述，如果作者在原來(lái)的格式中沒(méi)有對(duì)其進(jìn)行突出顯示，可以用mark對(duì)它進(jìn)行突出顯示。

    
...15 minutes...

引起對(duì)代碼片段的注意。

    
    .greenText {
        color: green;
    }
    

不要僅僅因?yàn)橐o文字加上背景顏色或其他視覺(jué)上的考慮而使用mark。如果只是要給一塊文字添加樣式而沒(méi)有合適的語(yǔ)義化元素，就可以使用span元素，并用CSS添加樣式。

That"s nothing compared to what MLB (Major League Baseball) did.

The NFL promised ...

當(dāng)縮寫(xiě)詞有title屬性時(shí)，F(xiàn)irefox和Opera會(huì)添加虛線下劃線引起注意。當(dāng)鼠標(biāo)移至縮寫(xiě)詞上，該元素title屬性的內(nèi)容就會(huì)顯示在一個(gè)提示框里。

The contestant was asked to spell "pleonasm".She requested the definition and was told that pleonasm means "a redundant word or expression".

盡管pleonasm出現(xiàn)了兩次，但只對(duì)第二個(gè)進(jìn)行標(biāo)記，因?yàn)槟菚r(shí)才定義術(shù)語(yǔ)。

dfn在適當(dāng)?shù)那闆r下可以包住其他的短語(yǔ)元素。例如：Jr.。

上下標(biāo)字符會(huì)輕微的擾亂行距，可以用CSS解決這個(gè)問(wèn)題：

sub,sup{
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}

標(biāo)記新插入文本ins

標(biāo)記已刪除文本del

標(biāo)記不在準(zhǔn)確或不在相關(guān)的文本s

del和ins；是少有的既可以包圍短語(yǔ)內(nèi)容又可以包圍塊級(jí)內(nèi)容的元素。

使用code標(biāo)記代碼、文件名、工程名等，要顯示多帶帶的一塊代碼，可以使用pre元素包住code元素以維持其格式。

The showPhoto() function displays the full-size photo of the 
   thumbnail in our 
 carousel list.


This CSS shorthand example applies a margin to all sides of paragraphs: 
   p {margin: 20px; }. Take a look at base.css 
   to see more example.

如果代碼中需要顯示<或>，應(yīng)分別使用<和>。

    
    .greenText {
        color: green;
    }
    

預(yù)格式化的文本可以保持文本固有的換行和空格，它是計(jì)算機(jī)阿代碼示例的理想元素，不過(guò)也可以應(yīng)用于文本（比如，ASCII藝術(shù)）。

不要將pre作為以逃避合適的語(yǔ)義標(biāo)記內(nèi)容和CSS控制樣式的快捷方式。不要為了保留原來(lái)的格式，將一篇在字處理軟件中寫(xiě)好的文章直接粘貼在pre里，應(yīng)該使用相關(guān)的文本元素標(biāo)記內(nèi)容，編寫(xiě)CSS控制頁(yè)面的布局。

small表示細(xì)則一類的次要注釋，通常包括免責(zé)聲明、注意事項(xiàng)、法律限制、版權(quán)信息等，有時(shí)還用來(lái)署名，或用來(lái)滿足許可要求。它只適用于短語(yǔ)，因此不要用它來(lái)標(biāo)記長(zhǎng)的法律聲明。

Order now to receive free shipping.(Some restrictions may apply.)

u元素為一塊文字添加明顯的非文本注解，比如在中文中將文本標(biāo)明為專有名詞，或者標(biāo)明文本拼寫(xiě)有誤。

    
    
    
    
    ...

Cats in the Pioneer Valley...

...

    
Table of contents
    



    

        
Introduction
        
This is the intro...
    

    

        
Description of the Main Characters
        
...
    

    ...

You can create links directly to a photo.

For example, here are cookie and woody again,except this time they are linked to 
  other pages. 

You can link derictly to 
  a video file.

Although you can make a link to someone"s mail address with...