RELATEED CONSULTING
相(xiàng)關咨詢
選擇下(xià)列産品馬上(shàng)在線溝通(tōng)
服務時間:9:30-18:00
你可能(néng)遇到(dào)了下(xià)面的問題
關閉右側工(gōng)具欄
網頁文本排版知識:為(wèi)正确的内容使用恰當的标簽
  • 作者:
  • 發表時間:2010-04-07 09:29
  • 來源:

在制作網頁時,文本内容是必不可少的!那麽我們該如何對網頁文本進行正确排版呢(ne)?

當段落标簽p應該使用在段落的時候還(hái)有許多(duō)濫用換行标簽br的情況,p用于表現段落是公認的。基于同樣的邏輯,很多(duō)标簽應該被用來定義确定的文本元素,比如引用,縮寫和計算(suàn)機(jī)代碼等。

應該記住的是,盡管大部分浏覽器(qì)用不同的方式處理這些标簽,最重要的是記住,不是為(wèi)了讓元素看(kàn)起來像什麽,而是它賦予的含義是什麽。

縮寫和首字母組合詞

縮寫标簽abbr和首字母組合詞标簽acronym分别用于縮寫詞語和首字母組合而成的縮寫詞。

縮寫是一(yī)個(gè)慣用詞組的縮短形式。很平常。然而,首字母縮寫詞則是組成詞組的每個(gè)單詞之首個(gè)字母(或者單詞的部分)的組合縮寫。所以CSS是一(yī)個(gè)正确的首字母縮寫詞,但HTML和XHTML卻不是(如果Hypertxet markup language是一(yī)個(gè)首字母縮寫詞,它應該是HML,同理,XHTML 就(jiù)是EHML了)。

為(wèi)了優化易用性,縮寫和首字母縮寫詞都應該使用标題屬性title。

This web site is about HTML
and CSS.

注意

有一(yī)些不可思議的理由,Internet Explorer,最常用的浏覽器(qì),竟然不支持abbr标簽。十分幸運,一(yī)個(gè)叫Marek Prokop的小(xiǎo)夥子為(wèi)此開(kāi)發了clever Javascript workaround。
有很多(duō)關于縮寫和首字母縮寫詞元素的讨論,Lars Holst提供了可能(néng)是最具體的深入理解。

引用

blockquote,q和cite用在引用上(shàng)。blockquote是塊狀的,用于大面積的引用語上(shàng),而q則是内聯的,用于更小(xiǎo)的詞組。cite也是内聯的,比起q來其本身的語義更可取,很可能(néng)在将來取代q。

又(yòu),标題屬性title用于表明引用從(cóng)何而來。

注意:q一(yī)般不改變内附文本的外觀──你需要用CSS如果你需要為(wèi)它指定一(yī)個(gè)樣式。

So I asked Bob about quotations and he said
I know as much about quotations as I do about pigeon fancying
. Luckily, I found HTML Dog and it said...


 

 

blockquote, q and cite are used for quotations. blockquote is block-line and used for large or citations, whereas q is in-line and used for smaller phrases. cite is also in-line and preferable to q for its semantic nature and possible future deprecation of q.


 

代碼

有少部分的标簽,code和var用于計算(suàn)機(jī)程序代碼,pre和samp則,在實踐中,也主要是用于代碼。
code用于計算(suàn)機(jī)程序代碼。
var用于指明代碼裡(lǐ)的變量。

ronankeatingisbland = true;

samp與代碼類似,但被認為(wèi)是用于程序的代碼輸出樣例。
pre是預格式化文本,在HTML标簽中不常用,以防止大量空格的産生(shēng)。它常用于代碼塊。

 

Some heading

Some paragraph paragraph thing thing thingy.


定義術(shù)語

dfn是定義術(shù)語,用于高(gāo)亮顯示一(yī)個(gè)第一(yī)次使用的術(shù)語。像abbr和acronym ,标題屬性title可以用來描述術(shù)語。

Bob's canine mother and equine
 father sat him down and carefully explained that he was an
allopolyploid
organism.

地址

address應該用于地址。


HMTL Dog House

HTML Street

Dogsville

HT16 3ML

晦澀罕見(jiàn)的标簽
有一(yī)些沒有什麽價值的标簽,有很少的機(jī)會(huì)被使用隻是因為(wèi)十分特定的場合。
bdo可以用來反轉文本的方向,可以用來顯示從(cóng)右向左讀(dú)的文本。必需的屬性dir的值可以是ltr(左向右)和rtl(右向左)。

god lmth
 
kbd用于表明應由用戶鍵入的文本。

Now type woo hoo

 

ins和del分别用于顯示編輯插入和删除的文本。它可以有時間屬性datetime(用YYYYMMDD的格式)和cite屬性(用于說明為(wèi)什麽插入或者删除理由的一(yī)個(gè)URL)。

ins元素一(yī)般顯示下(xià)劃線,而del元素則一(yī)般顯示删除線。

This is some nonsense