欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

常用的XHTML標(biāo)簽的使用技巧介紹

互聯(lián)網(wǎng)   發(fā)布時間:2009-04-02 20:54:44   作者:佚名   我要評論
XHTML里有很多的標(biāo)簽,但是經(jīng)常用到的也就是那么幾個,也只要掌握這幾個也就可以了。下面我們一一列舉:div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em XHTML里有很多的標(biāo)簽,但是經(jīng)常用到的也就是那么幾個,也只要掌握這幾個也

XHTML里有很多的標(biāo)簽,但是經(jīng)常用到的也就是那么幾個,也只要掌握這幾個也就可以了。下面我們一一列舉:div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em
XHTML里有很多的標(biāo)簽,但是經(jīng)常用到的也就是那么幾個,也只要掌握這幾個也就可以了。下面我們一一列舉:div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em
一段時間以來,發(fā)現(xiàn)有很多人XHTML都不會用,不光是普通的初學(xué)者,有的程序員都不是很清楚該怎么寫這個XHTML,我這里呢算是把一些常見的應(yīng)用問題做一個總結(jié),也算能使得大家能在溝通,合作上能形成默契。
div 在我的腦子里我一直把他想作是一個瓶子或是箱子,我的感覺它挺硬的。這個div沒有什么特性的意義,可以使用在很多地方,也就是說他可以裝不同的東西。他的正確的寫法是<div></div>必需要有封口。大家都用來做布局之用,也有用來作為存放文章形成段落,實(shí)際上,這個做法并不是很好,因為作為文章的分段自然有一個特定的標(biāo)簽來用。那就是下面要講的<p></p>標(biāo)簽,不過用DIV來再整體的包住所有的段落。這是非常實(shí)用的。
p 這是一個有特定語義的標(biāo)簽,表示段落,是用來區(qū)分段落的。在大部分的瀏覽器中對P基本上都有一個上下的邊距。但是沒有行首縮進(jìn),因為行首縮進(jìn)只是表示段落的方式但是不是一定或是必需的。所以在用P標(biāo)簽的時候如果需要可以針對P設(shè)定一下行首縮進(jìn),我是推薦在文章以外的地方不要使用P,因為P是有一定語義的,如果用在別的地方恐不合適。正確的寫法是<p></p>
span 這也是一個非常常用的標(biāo)簽,這個標(biāo)簽可以說與div很像,沒有什么特定的意義,只是他是一個級聯(lián)元素,不是塊級元素。我一直把它看作是一個袋子,他不像箱子那樣可以有自己的寬高,他的寬高只能隨著內(nèi)容的多少而定,所以很像是袋子。這個標(biāo)簽與div正好互補(bǔ)。
ul,li 這是一個列表,在列表中,除了UL還OL,不過我覺得OL有點(diǎn)像是雞肋。因為UL通過CSS定義一樣可以有OL的數(shù)字排序效果。所以一般我不推薦使用 OL,有UL就可以了。UL是塊級的,他的子級li也是塊級標(biāo)簽。正確的寫法是<ul><li></li>< /ul> LI標(biāo)簽是被UL標(biāo)簽包裹的,在UL標(biāo)簽里可以有無數(shù)個LI標(biāo)簽,LI標(biāo)簽不能獨(dú)立使用。并且LI標(biāo)簽一定要封口,這不光是美觀問題,對于后期的維護(hù)也很有好處。很多程序員都不喜歡把這個LI封口。UL列表的用處主要是列舉出一維的,同一類型的數(shù)據(jù)。具體的比如使用在菜單上,文章中列數(shù)的一些條例等等。在列表中有一種特別的形式與UL是不一樣的。那就是下面的DL
dl,dt,dd 這是一個很特別的三個標(biāo)簽的組合。這里的DT是指標(biāo)題,DD是指內(nèi)容。DL是包課他們的容器。正確的寫法是<dl><dt> </dt><dd></dd></dl>在DL里可以有很多組的DT,DD,當(dāng)出現(xiàn)很多組的時候盡量是一個DT配一個DD,如果DD中內(nèi)容很多,可以在DD里加P標(biāo)簽配合使用。DL列表是一個非常好的列表形式,可以多加利用。
a 這表示鏈接,是一個特定屬性的,也是網(wǎng)頁中最為神奇的標(biāo)簽。因為它才讓無數(shù)的網(wǎng)頁都連在了一起。正確的寫法是:<a href="" title=""></a>其中的href是表示目標(biāo)地址,TITLE是鼠標(biāo)懸停提示文字,這是可有可無的。但是有必是利大于無。
img 這是圖片標(biāo)簽,也是個特定屬性的標(biāo)簽。正常寫法是:<img src="" alt="" title=""/> 這里的src是目標(biāo)地址,ALT與TITLE是替換文字,ALT是 IE特定的,TITLE是其它瀏覽器的通用的。不過記得后面的反斜線那是一定要有的。
H 這是一個系列的標(biāo)簽,從H1到H6,一共六個,有人說太少了,有人說正好用,有人說用不了這么多。反正我是覺得差不多。正確寫法是:<h> </h>主要是用來存放標(biāo)題,也有一些朋友用來作它用,個人覺得這個標(biāo)簽還是讓他安生一點(diǎn),就讓他做標(biāo)題的作用。這六個標(biāo)簽之間最好不要出現(xiàn)什么相互包含的事。
strong 這個意思是著重,這是有語義的,作用也很簡單。至于樣工,是加粗著重,還是用色彩表明著重,那都是自行選擇。正確的寫法是<strong></strong>
em 這個與strong很像,是表示強(qiáng)調(diào)。一般瀏覽器的默認(rèn)值是斜體。使用方式與strong一樣。寫法是:<em></em>
這里沒有說表單,因為表單基本上沒有什么變化,也沒什么可特別說的。

相關(guān)文章

  • HTML 表格詳解(簡單易懂較詳細(xì))

    HTML表格用于在網(wǎng)頁上展示數(shù)據(jù),通過標(biāo)簽及其相關(guān)標(biāo)簽來創(chuàng)建,表格由行和列組成,每一行包含一個或多個單元格,單元格可以包含文本、圖像、鏈接等元素,本文將詳細(xì)介紹HTML表格
    2025-03-12
  • 禁止HTML頁面滾動的操作方法

    本文介紹了三種禁止HTML頁面滾動的方法:通過CSS的overflow屬性、使用JavaScript的滾動事件監(jiān)聽器以及使用CSS的position:fixed屬性,每種方法都有其適用場景和優(yōu)缺點(diǎn),感興
    2025-02-24
  • 使用HTML和CSS實(shí)現(xiàn)文字鏤空效果的代碼示例

    在 Web 開發(fā)中,文本的視覺效果是提升用戶體驗的重要因素之一,通過 CSS 技巧,我們可以創(chuàng)造出許多獨(dú)特的效果,例如文字鏤空效果,本文將帶你一步一步實(shí)現(xiàn)一個簡單的文字鏤空
    2024-11-17
  • Html去除a標(biāo)簽的默認(rèn)樣式的操作代碼

    在Html中,a標(biāo)簽?zāi)J(rèn)的超鏈接樣式是藍(lán)色字體配下劃線,這可能不滿足所有設(shè)計需求,如需去除這些默認(rèn)樣式,可以通過CSS來實(shí)現(xiàn),本文給大家介紹Html去除a標(biāo)簽的默認(rèn)樣式的操作代碼
    2024-09-25
  • HTML文本域如何設(shè)置為禁止用戶手動拖動

    在HTML中,可以通過設(shè)置CSS的resize屬性為none,來禁止用戶手動拖動文本域(textarea)的大小,這種方法簡單有效,適用于大多數(shù)現(xiàn)代瀏覽器,但需要在老舊瀏覽器中進(jìn)行測試以確保
    2024-09-25
  • 如何通過HTML/CSS 實(shí)現(xiàn)各類進(jìn)度條的功能

    本文詳細(xì)介紹了如何利用HTML和CSS實(shí)現(xiàn)多種風(fēng)格的進(jìn)度條,包括基礎(chǔ)的水平進(jìn)度條、環(huán)形進(jìn)度條以及球形進(jìn)度條等,還探討了如何通過動畫增強(qiáng)視覺效果,內(nèi)容涵蓋了使用HTML原生標(biāo)簽
    2024-09-19
  • HTML中Canvas關(guān)鍵知識點(diǎn)總結(jié)

    Canvas 提供了一套強(qiáng)大的 2D 繪圖 API,適用于各種圖形繪制、圖像處理和動畫制作,可以幫助你創(chuàng)建復(fù)雜且高效的網(wǎng)頁圖形應(yīng)用,這篇文章主要介紹了HTML中Canvas關(guān)鍵知識點(diǎn)總結(jié)
    2024-06-03
  • html table+css實(shí)現(xiàn)可編輯表格的示例代碼

    本文主要介紹了html table+css實(shí)現(xiàn)可編輯表格的示例代碼,主要使用HTML5的contenteditable屬性,文中通過示例代碼介紹的非常詳細(xì),需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)
    2024-03-06
  • HTML中使用Flex布局實(shí)現(xiàn)雙行夾批效果

    本文主要介紹了HTML中使用Flex布局實(shí)現(xiàn)雙行夾批效果,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)
    2024-02-22
  • HTML+CSS實(shí)現(xiàn)炫酷登錄切換的項目實(shí)踐

    在網(wǎng)站開發(fā)中,登錄頁面是必不可少的一部分,本文就來介紹一下HTML+CSS實(shí)現(xiàn)登錄切換,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需
    2024-02-02

最新評論