首頁 > web前端 > html教學 > XHTML常用標籤介紹_HTML/Xhtml_網頁製作

XHTML常用標籤介紹_HTML/Xhtml_網頁製作

WBOY
發布: 2016-05-16 16:44:15
原創
1101 人瀏覽過

一段時間以來,發現有很多人XHTML都不會用,不光是普通的初學者,有的程式設計師都不是很清楚該怎麼寫這個XHTML,我這裡呢算是把一些常見的應用問題做一個總結,也算能使得大家能在溝通,合作上能形成默契。
XHTML裡面有很多的標籤,但是常用到的也就是那麼幾個,也只要掌握這幾個也就可以了。下面我們一一列舉:div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em
div 在我的腦子裡我一直把他想作是一個瓶子或是箱子,我的感覺它挺硬的。這個div沒有什麼特性的意義,可以用在很多地方,也就是說他可以裝不同的東西。他的正確的寫法是
必需要有封口。大家都用來做版面之用,也有用來作為存放文章形成段落,實際上,這個做法並不是很好,因為作為文章的分段自然有一個特定的標籤來用。那就是下面要講的

標籤,不過用DIV來再整體的包住所有的段落。這是非常實用的。
p 這是一個有特定語意的標籤,表示段落,是用來區分段落的。在大部分的瀏覽器中對P基本上都有一個上下的邊距。但是沒有行首縮進,因為行首縮排只是表示段落的方式但是不是一定或是必需的。所以在用P標籤的時候如果需要可以針對P設定一下行首縮進,我是推薦在文章以外的地方不要使用P,因為P是有一定語義的,如果用在別的地方恐不合適。正確的寫法是


span 這也是一個非常常用的標籤,這個標籤可以說與div很像,沒有什麼特定的意義,只是他是一個級聯元素,不是塊級元素。我一直把它看作是一個袋子,他不像箱子那樣可以有自己的寬高,他的寬高只能隨著內容的多少而定,所以很像是袋子。這個標籤與div正好互補。
ul,li 這是一個列表,在列表中,除了UL還OL,不過我覺得OL有點像是雞肋。因為UL透過CSS定義一樣可以有OL的數字排序效果。所以一般我不推薦使用OL,有UL就可以了。 UL是塊級的,他的子級li也是塊級標籤。正確的寫法是
LI標籤是被UL標籤包裹的,在UL標籤裡可以有無數個LI標籤,LI標籤不能獨立使用。而且LI標籤一定要封口,這不光是美觀問題,對於後期的維護也很有好處。很多程式設計師都不喜歡把這個LI封口。 UL列表的用處主要是列舉出一維的,同一類型的資料。具體的例如使用在菜單上,文章中列數的一些條例等等。在清單中有一種特別的形式與UL是不一樣的。那就是下面的DL
dl,dt,dd 這是一個很特別的三個標籤的組合。這裡的DT是指標題,DD是指內容。 DL是包課他們的容器。正確的寫法是
在DL裡可以有很多組的DT,DD,當出現很多組的時候盡量是一個DT配一個DD,如果DD中內容很多,可以在DD裡加P標籤配合使用。 DL列表是一個非常好的列表形式,可以多加利用。
a 這表示鏈接,是一個特定屬性的,也是網頁中最為神奇的標籤。因為它才讓無數的網頁都連在了一起。正確的寫法是:其中的href是表示目標位址,TITLE是滑鼠懸停提示文字,這是可有可無的。但是有必是利大於無。
img 這是圖片標籤,也是特定屬性的標籤。正常寫法是: 這裡的src是目標位址,ALT與TITLE是替換文字,ALT是 IE特定的,TITLE是其它瀏覽器的通用的。不過記得後面的反斜線那是一定要有的。
H 這是一個系列的標籤,從H1到H6,總共六個,有人說太少了,有人說剛好用,有人說用不了這麼多。反正我覺得差不多。正確寫法是:主要是用來存放標題,也有一些朋友用來作它用拿來作其它用處,個人覺得這個標籤還是讓他安生一點,就讓他做標題的作用。這六個標籤之間最好不要出現什麼互相包含的事。
strong 這個意思是著重,這是有語意的,作用也很簡單。至於樣工,是加粗著重,還是用色彩顯示著重,那都是自行選擇。正確的寫法是
em 這個與strong很像,是表示強調。一般瀏覽器的預設值是斜體。使用方式與strong一樣。寫法是:
這裡沒有說表單,因為表單基本上沒有什麼變化,也沒什麼好特別說的。
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板