初學者:XHTML常用标簽的基本應用指南(nán)
- 作者:
- 發表時間:2010-04-07 09:29
- 來源:
一(yī)段時間以來,發現有很多(duō)人XHTML都不會(huì)用,不光(guāng)是普通(tōng)的初學者,有的程序員(yuán)都不是很清楚該怎麽寫這個(gè)XHTML,我這裡(lǐ)呢(ne)算(suàn)是把一(yī)些常見(jiàn)的應用問題做一(yī)個(gè)總結,也算(suàn)能(néng)使得大家能(néng)在溝通(tōng),合作上(shàng)能(néng)形成默契。
XHTML裡(lǐ)有很多(duō)的标簽,但是經常用到(dào)的也就(jiù)是那麽幾個(gè),也隻要掌握這幾個(gè)也就(jiù)可以了。下(xià)面我們一(yī)一(yī)列舉:div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em
div 在我的腦(nǎo)子裡(lǐ)我一(yī)直把他想作是一(yī)個(gè)瓶子或是箱子,我的感覺它挺硬的。這個(gè)div沒有什麽特性的意義,可以使用在很多(duō)地方,也就(jiù)是說他可以裝不同的東西(xī)。他的正确的寫法是
p 這是一(yī)個(gè)有特定語義的标簽,表示段落,是用來區分段落的。在大部分的浏覽器(qì)中對P基本上(shàng)都有一(yī)個(gè)上(shàng)下(xià)的邊距。但是沒有行首縮進,因為(wèi)行首縮進隻是表示段落的方式但是不是一(yī)定或是必需的。所以在用P标簽的時候如果需要可以針對P設定一(yī)下(xià)行首縮進,我是推薦在文章以外的地方不要使用P,因為(wèi)P是有一(yī)定語義的,如果用在别的地方恐不合适。正确的寫法是
span 這也是一(yī)個(gè)非常常用的标簽,這個(gè)标簽可以說與div很像,沒有什麽特定的意義,隻是他是一(yī)個(gè)級聯元素,不是塊級元素。我一(yī)直把它看(kàn)作是一(yī)個(gè)袋子,他不像箱子那樣可以有自(zì)己的寬高(gāo),他的寬高(gāo)隻能(néng)随著(zhe)内容的多(duō)少而定,所以很像是袋子。這個(gè)标簽與div正好互補。
ul,li 這是一(yī)個(gè)列表,在列表中,除了UL還(hái)OL,不過我覺得OL有點像是雞肋。因為(wèi)UL通(tōng)過CSS定義一(yī)樣可以有OL的數字排序效果。所以一(yī)般我不推薦使用OL,有UL就(jiù)可以了。UL是塊級的,他的子級li也是塊級标簽。正确的寫法是
- < /li>
dl,dt,dd 這是一(yī)個(gè)很特别的三個(gè)标簽的組合。這裡(lǐ)的DT是指标題,DD是指内容。DL是包課他們的容器(qì)。正确的寫法是
- < /dt>
a 這表示鏈接,是一(yī)個(gè)特定屬性的,也是網頁中最為(wèi)神奇的标簽。因為(wèi)它才讓無數的網頁都連在了一(yī)起。正确的寫法是: 其中的href是表示目标地址,TITLE是鼠标懸停提示文字,這是可有可無的。但是有必是利大于無。
img 這是圖片标簽,也是個(gè)特定屬性的标簽。正常寫法是:
H 這是一(yī)個(gè)系列的标簽,從(cóng)H1到(dào)H6,一(yī)共六個(gè),有人說太少了,有人說正好用,有人說用不了這麽多(duō)。反正我是覺得差不多(duō)。正确寫法是:
strong 這個(gè)意思是著(zhe)重,這是有語義的,作用也很簡單。至于樣工(gōng),是加粗著(zhe)重,還(hái)是用色彩表明著(zhe)重,那都是自(zì)行選擇。正确的寫法是
em 這個(gè)與strong很像,是表示強調。一(yī)般浏覽器(qì)的默認值是斜體。使用方式與strong一(yī)樣。寫法是:
這裡(lǐ)沒有說表單,因為(wèi)表單基本上(shàng)沒有什麽變化,也沒什麽可特别說的。