第4章文本4.1段落P4.2地址address4.3圖figure與figcaption4.4時(shí)間time4.5重要或強(qiáng)調(diào)的文本標(biāo)記4.6引用參考cite4.7引述blockquote4.8突出顯示文本mark下一頁返回第4章文本4.9解釋縮寫詞abbr4.10定義術(shù)語dfn4.11上標(biāo)和下標(biāo)4.12下劃線和刪除線4.13代碼標(biāo)記4.14預(yù)格式文本pre4.15指定細(xì)則small4.16換行br下一頁返回上一頁第4章文本4.17span標(biāo)記4.18其他元素4.19綜合實(shí)例上一頁返回4.1段落PP元素是HTML的段落元素，HTML會(huì)忽略人們在文本編輯器中輸入的回車和空格，所以文字都在一個(gè)段落里，根據(jù)窗口的寬度自行轉(zhuǎn)折到下一行，要在網(wǎng)頁中開始一個(gè)新段落，應(yīng)該使用p元素。p元素標(biāo)簽的語法為說明:(1)P元素標(biāo)簽有一個(gè)常用屬性align，它用來指明字符顯示時(shí)的對齊方向，其值一般有l(wèi)eft(左對齊)、center(居中)、right(右對齊)、justify(兩端對齊)四種。(2)HTML5中刪除了HTML4中P元素的align屬性，而此屬性也被W3C列為非推薦屬性。返回4.2地址addressaddress元素用來說明文件作者的聯(lián)系信息，例如作者名字、E-mail、電話及住址等，通常位于頁面的底部或相關(guān)部分內(nèi)。address元素標(biāo)簽的語法為:說明:(1)address元素的“標(biāo)簽內(nèi)容”會(huì)以斜體字呈現(xiàn)，且大多數(shù)瀏覽器會(huì)在address元素的前后添加一個(gè)換行符，自動(dòng)進(jìn)行換行。(2)在HTML,XHTML文件中起始標(biāo)簽和終止標(biāo)簽都不能省略。返回4.3圖figure與figcaptionfigure元素標(biāo)簽是一個(gè)媒體的組合元素，通常被作為插圖、圖標(biāo)、照片和代碼列表的組合。如果要為figure元素標(biāo)簽所建立的標(biāo)簽組合定標(biāo)題，則可以使用figcaption元素標(biāo)簽。figure元素標(biāo)簽的語法為figcaption元素標(biāo)簽的語法為說明:(1)figure元素可以包含多個(gè)內(nèi)容塊，例如多個(gè)圖片，但不管figure里有多少內(nèi)容，只允許有一個(gè)figcaption。(2)可選的figcaption就是figure的標(biāo)題，它并不是必需的，但如果出下一頁返回4.3圖figure與figcaption現(xiàn)，就必須是figure的第一個(gè)或最后一個(gè)元素。(3)在網(wǎng)頁中，圖文是相伴出現(xiàn)的，圖可以是圖表、圖形、照片、代碼等，在HTML5之前，沒有專門實(shí)現(xiàn)這個(gè)目的的元素。通過引入figure和figcaption,HTML5改變了這種情況。figure和figcaption是HTML5的新標(biāo)簽。上一頁返回4.4時(shí)間timetime元素標(biāo)簽用來定義24小時(shí)制中的時(shí)間或日期，日期時(shí)間的值可包含時(shí)差設(shè)定。time元素標(biāo)簽的語法為說明:(1)time元素是HTMLS標(biāo)準(zhǔn)新增的元素，用來定義日期或者時(shí)間，或者同時(shí)定義二者。(2)不要在time中使用不準(zhǔn)確的日期或時(shí)間，例如“20世紀(jì)”、"90年代初”、“今天早上”等。(3)time元素標(biāo)簽的屬性是，datetime，用來規(guī)定日期或時(shí)間。在time元素的內(nèi)容中未指定時(shí)間或時(shí)期時(shí)，使用該屬性。反過來未定義下一頁返回4.4時(shí)間time此屬性，則須在time元素的標(biāo)簽內(nèi)容中設(shè)定日期時(shí)間。(4)datetime屬性應(yīng)提供機(jī)器可讀的日期和時(shí)間格式，簡化形式為:YYYY-MM-DDThh.mm.ss。YYYY代表年，MM代表月，DD代表天，T是時(shí)期和時(shí)間之間必需的分隔符，hh代表時(shí)，mm代表分，ss代表秒。上一頁返回4.5重要或強(qiáng)調(diào)的文本標(biāo)記4.5.1strongstrong元素標(biāo)簽用來設(shè)定文件中的重要的文本，在一般瀏覽器中，strong元素標(biāo)簽將標(biāo)簽內(nèi)容設(shè)置為粗體。strong元素標(biāo)簽的語法為:說明:(1)HTML5標(biāo)準(zhǔn)將strong元素標(biāo)簽用來標(biāo)示文件中的重要內(nèi)容，而不再將其定義為比em元素更加重強(qiáng)調(diào)的元素。(2)可以在標(biāo)記為strong的短語中再嵌套strong文本。如果這樣，作為另一個(gè)strong子元素的strong文本的重要程度都會(huì)遞增。這個(gè)規(guī)則對后面講到的em元素標(biāo)簽也適用。下一頁返回4.5重要或強(qiáng)調(diào)的文本標(biāo)記4.5.2emem元素標(biāo)簽用來設(shè)定文件中需要強(qiáng)調(diào)語氣的內(nèi)容。在一般瀏覽器中，em元素標(biāo)簽的效果是將標(biāo)簽內(nèi)容以斜體來表示。em元素標(biāo)簽的語法為說明:(1)在HTML,XHTML文件中，起始標(biāo)簽和終止標(biāo)簽都不能省略。(2)如果em是strong的子元素，文本將同時(shí)以斜體和粗體顯示。(3)不要使用h元素代替strong，也不要使用i元素代替em。雖然它們在瀏覽器中顯示的樣式是一樣的，但它們的含義卻很不一樣。上一頁返回4.6引用參考citecite元素標(biāo)簽用來定義某個(gè)內(nèi)容源的引用或參考，如書籍或雜志的標(biāo)題、電影或歌曲的名稱等。在一般瀏覽器中，cite元素標(biāo)簽的效果是將標(biāo)簽內(nèi)容以斜體文字來表示。cite元素標(biāo)簽的語法為:說明:(1)在HTML,XHTML文件中，起始標(biāo)簽和終止標(biāo)簽都不能省略。(2)對于要從引用來源中引述內(nèi)容的情況，使用blockquote或q元素標(biāo)記被引述的文本。cite只用于參考源本身，而不是從中引述的內(nèi)容。返回4.7引述blockquoteblockquote元素標(biāo)簽用來標(biāo)記引述的文本，表示單獨(dú)存在的引述。blockquote元素標(biāo)簽的語法為說明:(1)在HTML,XHTML文件中，起始標(biāo)簽和終止標(biāo)簽都不能省略。(2)在blockquote元素的“標(biāo)簽內(nèi)容”中，可包含單純字符串，也可以包含img元素，且標(biāo)簽內(nèi)容會(huì)自動(dòng)進(jìn)行左右縮排。(3)blockquote可以包含cite屬性提供引述文本的來源，不過瀏覽器不會(huì)顯示cite屬性中的內(nèi)容。返回4.8突出顯示文本markmark元素標(biāo)簽用來定義帶有記號(hào)的文本。其標(biāo)簽內(nèi)容將以高亮顯示，以突出需要重要顯示的文字內(nèi)容。mark元素標(biāo)簽的語法為:說明:mark是HTML新增的元素，對于mark元素支持的瀏覽器將對該元素的文字默認(rèn)加上黃色背景，但舊的瀏覽器不會(huì)?？梢栽跇邮奖碇屑由蟵background-color;yellow;}來讓這些瀏覽器實(shí)現(xiàn)同樣的效果。返回4.9解釋縮寫詞abbrabbr元素標(biāo)簽用來標(biāo)記縮寫詞并解釋其含義。不必對每一個(gè)縮寫詞都使用abbr，其只在需要幫助訪問者了解該詞含義的時(shí)候使用。abbr元素標(biāo)簽的語法為說明:(1)在HTML,XHTML文件中，起始標(biāo)簽和終止標(biāo)簽都不能省略。(2)若要顯示在文件中被省略的文本內(nèi)容，可為被省略部分的文件設(shè)置title屬性的屬性值。(3)Firefox和Opera瀏覽器會(huì)對待title的abbr文字使用虛線下劃線。IE6或更早版本的IE瀏覽器不支持<abbr>標(biāo)簽，因此既沒有虛線下劃線也沒有提示框，只有文字本身。返回4.10定義術(shù)語dfndfn元素標(biāo)簽用來定義文檔中第一次出現(xiàn)的術(shù)語，并不需要用它標(biāo)記術(shù)語的后續(xù)使用。在一般瀏覽器中，dfn元素標(biāo)簽的效果是將標(biāo)簽內(nèi)容以斜體來表示。dfn元素標(biāo)簽的語法為:說明:(1)在HTML,XHTML文件中，起始標(biāo)簽和終止標(biāo)簽都不能省略。(2)dfn元素標(biāo)簽用來包圍要定義的術(shù)語，而不是包圍定義。(3)如果要以用戶引用的術(shù)語定義實(shí)例，可以給dfn加一個(gè)id，然后讓站點(diǎn)其他位置的鏈接指向它。(4)dfn可以在適當(dāng)?shù)那闆r下包住其他的短語元素，如abbr。返回4.11上標(biāo)和下標(biāo)4.11.1supsup元素標(biāo)簽用來定義上標(biāo)文本，也就是將文字縮小并放置在右上角的位置，變成上標(biāo)字，例如平方的數(shù)字。常見的上標(biāo)有商標(biāo)符號(hào)、指數(shù)和腳注編號(hào)等。sup元素標(biāo)簽的語法為:說明:(1)在HTML,XHTML文件中，起始標(biāo)簽和終止標(biāo)簽都不能省略。(2)sup元素標(biāo)簽中的文本內(nèi)容將會(huì)以當(dāng)前文本流中字符高度的一半來顯示，但是與當(dāng)前文本流中文字的字體和字號(hào)都是一樣的。其文本出現(xiàn)在當(dāng)前文本流的上方。返回下一頁4.11上標(biāo)和下標(biāo)4.11.2subsub元素標(biāo)簽用來定義下標(biāo)文本，也就是將文字縮小并放置在右下角的位置，變成下標(biāo)字，常見的下標(biāo)有化學(xué)符號(hào)等。sub元素標(biāo)簽的語法為:說明:(1)在HTML,XHTML文件中，起始標(biāo)簽和終止標(biāo)簽都不能省略。(2)sub元素標(biāo)簽和sup一樣，其文本內(nèi)容將會(huì)以當(dāng)前文本流中字符高度的一半來顯示，與當(dāng)前文本流中文字的字體和字號(hào)一樣。<sub>標(biāo)記中的文本出現(xiàn)在當(dāng)前文本流的下方。上一頁返回4.12下劃線和刪除線4.12.1insins元素標(biāo)簽用來定義已經(jīng)被插入文檔中的文本。在一般瀏覽器中，被ins元素標(biāo)簽包括起來的文字的下方會(huì)出現(xiàn)下劃線。ins元素標(biāo)簽的語法為說明:(1)在HTML,XHTML文件中，起始標(biāo)簽和終止標(biāo)簽都不能省略。(2)如果要在新增的文件編輯內(nèi)容中指定新增內(nèi)容或新增原因的URL，可以使用cite屬性。下一頁返回4.12下劃線和刪除線4.12.2deldel元素標(biāo)簽用來定義文檔中已經(jīng)被刪除的文本。在一般瀏覽器中，被del元素標(biāo)簽包括起來的文字會(huì)被加上刪除線。del元素標(biāo)簽的語法為:說明:(1)在HTML,XHTML文件中，起始標(biāo)簽和終止標(biāo)簽都不能省略。(2)如果要在刪除的文件編輯內(nèi)容中指定刪除內(nèi)容或刪除原因的URL，可以使用cite屬性。上一頁返回4.13代碼標(biāo)記4.13.1codecode元素標(biāo)簽定義計(jì)算機(jī)代碼文本，用于表示計(jì)算機(jī)源代碼或者其他機(jī)器可以閱讀的文本內(nèi)容。在一般瀏覽器中，code元素標(biāo)簽將標(biāo)簽內(nèi)容以等寬字體顯示。code元素標(biāo)簽的語法為:4.13.2其他計(jì)算機(jī)相關(guān)標(biāo)記1.kbd元素標(biāo)簽kbd元素標(biāo)簽用來定義鍵盤文本，它表示文本是從鍵盤上鍵入的。它經(jīng)常用在與計(jì)算機(jī)相關(guān)的文檔或手冊中。和code一樣，其標(biāo)簽內(nèi)容以等寬字體顯示。下一頁返回4.13代碼標(biāo)記kbd元素標(biāo)簽的語法為2.samp元素標(biāo)簽same元素標(biāo)簽用來指示程序或系統(tǒng)的示例輸出。其標(biāo)簽內(nèi)容也默認(rèn)以等寬字體顯示。same元素標(biāo)簽的語法為3.var元素標(biāo)簽var元素標(biāo)簽用來標(biāo)示文件中變量或自變量的名稱。其標(biāo)簽內(nèi)容以斜體文字顯示。var元素標(biāo)簽的語法為:返回上一頁4.14預(yù)格式文本prepre元素標(biāo)簽用來定義預(yù)格式化的文本。被包圍在pre元素標(biāo)簽中的文本通常會(huì)保留空格和換行符，而文本也會(huì)以等寬字體呈現(xiàn)。pre元素標(biāo)簽的一個(gè)常見應(yīng)用就是用來表示計(jì)算機(jī)的源代碼。pre元素標(biāo)簽的語法為說明:(1)在一般情況下，HTML文件中的文本是基于HTML標(biāo)記重新格式化的，文本中任何額外的空白字符(空格、制表符、回車符等)都被瀏覽器忽略。但若使用<pre>......</pre>標(biāo)記，任何被該標(biāo)記括起來的空白字符都可出現(xiàn)在窗口的輸出中，即文本可按照原始碼的排列方式顯示。下一頁返回4.14預(yù)格式文本pre(2)可以導(dǎo)致段落斷開的標(biāo)記(例如標(biāo)題、P和address元素標(biāo)簽)最好不要包含在pre元素標(biāo)簽所定義的塊里。盡管有些瀏覽器會(huì)把段落結(jié)束標(biāo)記解釋為簡單地?fù)Q行，但是這種行為在所有瀏覽器上并不都是一樣的。(3)pre元素標(biāo)簽中允許的文本可以包括物理樣式和基于內(nèi)容的樣式變化，還有鏈接、圖像和水平分隔線。當(dāng)把其他標(biāo)記(比如a元素標(biāo)簽)放到<pre>塊中時(shí)，就像將其放在HTML文檔的其他部分中一樣即可。(4)pre元素標(biāo)簽中如果含有特殊符號(hào)，就必須通過“文字參照”的方法來書寫。例如“<”、“>”、“&”，就應(yīng)寫成“&It;',">',"&"。(5)在HTML5中，刪除了HTML4中pre元素的width屬性，而此屬性被W3C列為非推薦屬性。上一頁返回4.15指定細(xì)則smallsmall元素標(biāo)簽用來表示細(xì)則一類的次要的注釋，通常包括免責(zé)聲明、注意事項(xiàng)、法律限制、版權(quán)消息等。有時(shí)候還可以用來署名和滿足許可要求。small元素標(biāo)簽的語法為:說明:(1)在HTML,XHTML文件中，起始標(biāo)簽和終止標(biāo)簽都不能省略。(2)small通常是行內(nèi)文本中一個(gè)小塊，而不是包含多個(gè)段落或其他元素的大塊文本。用small元素標(biāo)簽標(biāo)記頁面的版權(quán)信息只適用于短語，不要用它標(biāo)記較長的法律聲明，如“使用條款”，這些內(nèi)容應(yīng)該用段落和其他需要的語義進(jìn)行標(biāo)記。下一頁返回4.15指定細(xì)則small(3)在一些瀏覽器中，small元素中的文本的字號(hào)會(huì)比普通文本的小，一定要在small符合內(nèi)容語義的情況下使用該元素，而不是僅僅為了減小字號(hào)而使用。(4)對于由em元素強(qiáng)調(diào)過的或由strong元素標(biāo)記為重要的文本，small元素不會(huì)取消對文本的強(qiáng)調(diào)，也不會(huì)降低這些文本的重要性。上一頁返回4.16換行brbr元素標(biāo)簽用來強(qiáng)制對文字進(jìn)行換行。br元素標(biāo)簽的語法為:說明:(1)br元素標(biāo)簽是空標(biāo)簽，沒有結(jié)束標(biāo)簽。在HTMLS中，輸入<br>或<br/>都是有效的。但在XHTML中，必須把結(jié)束標(biāo)簽放在開始標(biāo)簽中，也就是<br/>。(2)br元素標(biāo)簽可以產(chǎn)生分段的效果，但在兩段文字間不會(huì)加入空白行。(3)HTML5刪除了br元素標(biāo)簽的Ilear屬性，而此屬性也被W3C列為非推薦屬性。下一頁返回4.16換行br(4)br元素標(biāo)簽將表現(xiàn)樣式帶入了HTML，而不是把所有的呈現(xiàn)樣式都交給CSS控制，所以不要用b:模擬段落之間的距離?？梢允褂脴邮奖砜刂贫温涞男虚g距和段落之間的距離。上一頁返回4.17span標(biāo)記span元素標(biāo)簽用來組合文檔中的行內(nèi)元素，可以把放置在標(biāo)簽內(nèi)容的元素一并進(jìn)行設(shè)定，若加上id,class等屬性，則可以設(shè)定任意范圍的樣式。span元素標(biāo)簽的語法為:說明:(1)在HTML,XHTML文件中，起始標(biāo)簽和終止標(biāo)簽都不能省略。(2)一個(gè)span元素可以同時(shí)添加class和id兩個(gè)常用屬性，但通常只應(yīng)用其中一個(gè)。class用于元素組(類似的元素，或者可以理解為某一類元素)，而id用于標(biāo)識(shí)單獨(dú)的、唯一的元素。(3)span是一個(gè)行內(nèi)元素，不會(huì)引起換行，也沒有任何默認(rèn)樣式。返回4.18其他元素4.18.1uu元素標(biāo)簽原來是用來為文本添加下劃線的，HTML5對u元素重新進(jìn)行了定義，定義u元素為一塊文字添加明顯的非文本注解，比如在中文中將文本表明為專有名詞(用于表示人名、地名、朝代名等專名)或標(biāo)明文本拼寫有誤。因?yàn)閡元素中的標(biāo)簽內(nèi)容默認(rèn)添加下劃線，最好用CSS修改變u文本樣式，以避免和鏈接文本混淆。4.18.2wbrwbr元素標(biāo)簽是HTML5的新標(biāo)簽，用來規(guī)定在本文中的何處適合添加換行符。其可以在一個(gè)較長的無間斷短語中使用，表示此處可以進(jìn)行必要的換行。wbr和hr不同，不會(huì)強(qiáng)制換行，而是讓瀏覽器知道哪里下一頁返回4.18其他元素可以根據(jù)需要進(jìn)行換行。4.18.3ruby、rp和rt旁注標(biāo)記是東南亞語言(如中文和日文)中的慣用符號(hào)，用于表示生僻字的發(fā)音。這些小注解字符一般在它們標(biāo)注的字符上方或者右方，簡稱為旁注，日語中的旁注字符稱為假名。ruby元素標(biāo)簽是HTMLS用來為內(nèi)容添加旁注標(biāo)記的。ruby元素標(biāo)簽由一個(gè)或多個(gè)字符(需要一個(gè)解釋/發(fā)音)和一個(gè)提供該信息的rt.元素組成，還包括可選的rp元素標(biāo)簽，用于定義不支持ruby元素的瀏覽器所顯示的內(nèi)容。4.