RELATEED CONSULTING
相(xiàng)關咨詢
選擇下(xià)列産品馬上(shàng)在線溝通(tōng)
服務時間:9:30-18:00
你可能(néng)遇到(dào)了下(xià)面的問題
關閉右側工(gōng)具欄
初學者: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ī)。他的正确的寫法是

必需要有封口。大家都用來做布局之用,也有用來作為(wèi)存放(fàng)文章形成段落,實際上(shàng),這個(gè)做法并不是很好,因為(wèi)作為(wèi)文章的分段自(zì)然有一(yī)個(gè)特定的标簽來用。那就(jiù)是下(xià)面要講的

标簽,不過用DIV來再整體的包住所有的段落。這是非常實用的。

  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>
 LI标簽是被UL标簽包裹的,在UL标簽裡(lǐ)可以有無數個(gè)LI标簽,LI标簽不能(néng)獨立使用。并且LI标簽一(yī)定要封口,這不光(guāng)是美觀問題,對于後期的維護也很有好處。很多(duō)程序員(yuán)都不喜歡把這個(gè)LI封口。UL列表的用處主要是列舉出一(yī)維的,同一(yī)類型的數據。具體的比如使用在菜單上(shàng),文章中列數的一(yī)些條例等等。在列表中有一(yī)種特别的形式與UL是不一(yī)樣的。那就(jiù)是下(xià)面的DL

  dl,dt,dd 這是一(yī)個(gè)很特别的三個(gè)标簽的組合。這裡(lǐ)的DT是指标題,DD是指内容。DL是包課他們的容器(qì)。正确的寫法是
< /dt>
在DL裡(lǐ)可以有很多(duō)組的DT,DD,當出現很多(duō)組的時候盡量是一(yī)個(gè)DT 配一(yī)個(gè)DD,如果DD中内容很多(duō),可以在DD裡(lǐ)加P标簽配合使用。DL列表是一(yī)個(gè)非常好的列表形式,可以多(duō)加利用。

  a 這表示鏈接,是一(yī)個(gè)特定屬性的,也是網頁中最為(wèi)神奇的标簽。因為(wèi)它才讓無數的網頁都連在了一(yī)起。正确的寫法是: 其中的href是表示目标地址,TITLE是鼠标懸停提示文字,這是可有可無的。但是有必是利大于無。

  img  這是圖片标簽,也是個(gè)特定屬性的标簽。正常寫法是: 這裡(lǐ)的src是目标地址, ALT與TITLE是替換文字,ALT是 IE特定的,TITLE是其它浏覽器(qì)的通(tōng)用的。不過記得後面的反斜線那是一(yī)定要有的。

  H  這是一(yī)個(gè)系列的标簽,從(cóng)H1到(dào)H6,一(yī)共六個(gè),有人說太少了,有人說正好用,有人說用不了這麽多(duō)。反正我是覺得差不多(duō)。正确寫法是: 主要是用來存放(fàng)标題,也有一(yī)些朋友(yǒu)用來作它用拿來作其它用處,個(gè)人覺得這個(gè)标簽還(hái)是讓他安生(shēng)一(yī)點,就(jiù)讓他做标題的作用。這六個(gè)标簽之間最好不要出現什麽相(xiàng)互包含的事(shì)。

  strong 這個(gè)意思是著(zhe)重,這是有語義的,作用也很簡單。至于樣工(gōng),是加粗著(zhe)重,還(hái)是用色彩表明著(zhe)重,那都是自(zì)行選擇。正确的寫法是

  em 這個(gè)與strong很像,是表示強調。一(yī)般浏覽器(qì)的默認值是斜體。使用方式與strong一(yī)樣。寫法是:

  這裡(lǐ)沒有說表單,因為(wèi)表單基本上(shàng)沒有什麽變化,也沒什麽可特别說的。