99亚洲_成人性视频免费网站_av在线播放网址_免费成人在线网站_亚洲综合婷婷_亚洲一区二区国产

訂閱本欄目 RSS您所在的位置: 深山工作室 > DIV+CSS > 正文

web2.0網(wǎng)頁(yè)--常用的XHTML標(biāo)簽的使用技巧方法介紹

中原硅谷網(wǎng) 2007/12/23 0:25:10 深山行者 字體: 瀏覽 6574

XHTML里有很多的標(biāo)簽,但是經(jīng)常用到的也就是那么幾個(gè),也只要把握這幾個(gè)也就可以了。下面我們一一列舉:div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em

一段時(shí)間以來(lái),發(fā)現(xiàn)有很多人XHTML都不會(huì)用,不光是普通的初學(xué)者,有的程序員都不是很清楚該怎么寫這個(gè)XHTML,我這里呢算是把一些常見(jiàn)的應(yīng)用問(wèn)題做一個(gè)總結(jié),也算能使得大家能在溝通,合作上能形成默契。

div 在我的腦子里我一直把他想作是一個(gè)瓶子或是箱子,我的感覺(jué)它挺硬的。這個(gè)div沒(méi)有什么特性的意義,可以使用在很多地方,也就是說(shuō)他可以裝不同的東西。他的正確的寫法是<div></div>必需要有封口。大家都用來(lái)做布局之用,也有用來(lái)作為存放文章形成段落,實(shí)際上,這個(gè)做法并不是很好,因?yàn)樽鳛槲恼碌姆侄巫匀挥幸粋€(gè)特定的標(biāo)簽來(lái)用。那就是下面要講的<p></p>標(biāo)簽,不過(guò)用DIV來(lái)再整體的包住所有的段落。這是非常實(shí)用的。

p 這是一個(gè)有特定語(yǔ)義的標(biāo)簽,表示段落,是用來(lái)區(qū)分段落的。在大部分的瀏覽器中對(duì)P基本上都有一個(gè)上下的邊距。但是沒(méi)有行首縮進(jìn),因?yàn)樾惺卓s進(jìn)只是表示段落的方式但是不是一定或是必需的。所以在用P標(biāo)簽的時(shí)候假如需要可以針對(duì)P設(shè)定一下行首縮進(jìn),我是推薦在文章以外的地方不要使用P,因?yàn)镻是有一定語(yǔ)義的,假如用在別的地方恐不合適。正確的寫法是<p></p>

span 這也是一個(gè)非經(jīng)常用的標(biāo)簽,這個(gè)標(biāo)簽可以說(shuō)與div很像,沒(méi)有什么特定的意義,只是他是一個(gè)級(jí)聯(lián)元素,不是塊級(jí)元素。我一直把它看作是一個(gè)袋子,他不像箱子那樣可以有自己的寬高,他的寬高只能隨著內(nèi)容的多少而定,所以很像是袋子。這個(gè)標(biāo)簽與div正好互補(bǔ)。

ul,li 這是一個(gè)列表,在列表中,除了UL還OL,不過(guò)我覺(jué)得OL有點(diǎn)像是雞肋。因?yàn)閁L通過(guò)CSS定義一樣可以有OL的數(shù)字排序效果。所以一般我不推薦使用 OL,有UL就可以了。UL是塊級(jí)的,他的子級(jí)li也是塊級(jí)標(biāo)簽。正確的寫法是<ul><li></li>< /ul> LI標(biāo)簽是被UL標(biāo)簽包裹的,在UL標(biāo)簽里可以有無(wú)數(shù)個(gè)LI標(biāo)簽,LI標(biāo)簽不能獨(dú)立使用。并且LI標(biāo)簽一定要封口,這不光是美觀問(wèn)題,對(duì)于后期的維護(hù)也很有好處。很多程序員都不喜歡把這個(gè)LI封口。UL列表的用處主要是列舉出一維的,同一類型的數(shù)據(jù)。具體的比如使用在菜單上,文章中列數(shù)的一些條例等等。在列表中有一種非凡的形式與UL是不一樣的。那就是下面的DL

dl,dt,dd 這是一個(gè)很非凡的三個(gè)標(biāo)簽的組合。這里的DT是指標(biāo)題,DD是指內(nèi)容。DL是包課他們的容器。正確的寫法是<dl><dt> </dt><dd></dd></dl>在DL里可以有很多組的DT,DD,當(dāng)出現(xiàn)很多組的時(shí)候盡量是一個(gè)DT配一個(gè)DD,假如DD中內(nèi)容很多,可以在DD里加P標(biāo)簽配合使用。DL列表是一個(gè)非常好的列表形式,可以多加利用。

a 這表示鏈接,是一個(gè)特定屬性的,也是網(wǎng)頁(yè)中最為神奇的標(biāo)簽。因?yàn)樗抛専o(wú)數(shù)的網(wǎng)頁(yè)都連在了一起。正確的寫法是:<a href="" title=""></a>其中的href是表示目標(biāo)地址,TITLE是鼠標(biāo)懸停提示文字,這是可有可無(wú)的。但是有必是利大于無(wú)。

img 這是圖片標(biāo)簽,也是個(gè)特定屬性的標(biāo)簽。正常寫法是:<img src="" alt="" title=""/> 這里的src是目標(biāo)地址,ALT與TITLE是替換文字,ALT是 IE特定的,TITLE是其它瀏覽器的通用的。不過(guò)記得后面的反斜線那是一定要有的。

H 這是一個(gè)系列的標(biāo)簽,從H1到H6,一共六個(gè),有人說(shuō)太少了,有人說(shuō)正好用,有人說(shuō)用不了這么多。反正我是覺(jué)得差不多。正確寫法是:<h> </h>主要是用來(lái)存放標(biāo)題,也有一些朋友用來(lái)作它用,個(gè)人覺(jué)得這個(gè)標(biāo)簽還是讓他安生一點(diǎn),就讓他做標(biāo)題的作用。這六個(gè)標(biāo)簽之間最好不要出現(xiàn)什么相互包含的事。

strong 這個(gè)意思是著重,這是有語(yǔ)義的,作用也很簡(jiǎn)單。至于樣工,是加粗著重,還是用色彩表明著重,那都是自行選擇。正確的寫法是<strong></strong>

em 這個(gè)與strong很像,是表示強(qiáng)調(diào)。一般瀏覽器的默認(rèn)值是斜體。使用方式與strong一樣。寫法是:<em></em>

這里沒(méi)有說(shuō)表單,因?yàn)楸韱位旧蠜](méi)有什么變化,也沒(méi)什么可非凡說(shuō)的。

 

相關(guān)閱讀
網(wǎng)頁(yè)制作中關(guān)于瀏覽器寬度和高度的設(shè)定研究(轉(zhuǎn)載)
Google的265導(dǎo)航站上頂部右邊的logo上的眼珠特效 (兼容IE,FF)
利用CSS實(shí)現(xiàn)半透明效果兼容IE與火狐與chrome等瀏覽器
uni-app自定義loading組件
Python pandas刪除指定行/列數(shù)據(jù)的方法實(shí)例
網(wǎng)站提示錯(cuò)誤頁(yè)面,幾秒后返回首頁(yè)
經(jīng)典實(shí)用的觸發(fā)型導(dǎo)航菜單
uni-app跨端開(kāi)發(fā)微信小程序時(shí)頁(yè)面棧超過(guò)10層時(shí)小程序像卡死一樣假性不能點(diǎn)擊無(wú)法跳轉(zhuǎn)的解決方案
共有0條關(guān)于《web2.0網(wǎng)頁(yè)--常用的XHTML標(biāo)簽的使用技巧方法介紹》的評(píng)論
發(fā)表評(píng)論
正在加載評(píng)論......
返回頂部發(fā)表評(píng)論
呢 稱:
表 情:
內(nèi) 容:
評(píng)論內(nèi)容:不能超過(guò) 1000 字,需審核,請(qǐng)自覺(jué)遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。
驗(yàn)證碼: 驗(yàn)證碼 
網(wǎng)友評(píng)論聲明,請(qǐng)自覺(jué)遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。

您發(fā)布的評(píng)論即表示同意遵守以下條款:
一、不得利用本站危害國(guó)家安全、泄露國(guó)家秘密,不得侵犯國(guó)家、社會(huì)、集體和公民的合法權(quán)益;
二、不得發(fā)布國(guó)家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對(duì)自己在本站的言論和行為負(fù)責(zé);
三、本站對(duì)您所發(fā)布內(nèi)容擁有處置權(quán)。

更多信息>>欄目類別選擇
百度小程序開(kāi)發(fā)
微信小程序開(kāi)發(fā)
微信公眾號(hào)開(kāi)發(fā)
uni-app
asp函數(shù)庫(kù)
ASP
DIV+CSS
HTML
python
更多>>同類信息
jquery設(shè)置或獲取修改classname
利用css3.0寫出一個(gè)音樂(lè)播放的唱片碟盤的效果
利用css中的scale()實(shí)現(xiàn)放大縮小效果
利用background-color:#000000a8在背景顏色16進(jìn)制代碼之后加字母加上數(shù)字讓背景色透明
css背景使用base64編碼或者將base64編碼放在img圖片標(biāo)簽中
利用css3中的-webkit-font-smoothing把網(wǎng)頁(yè)文字的毛邊去掉
更多>>最新添加文章
dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
Android移動(dòng)端自動(dòng)化測(cè)試:使用UIAutomatorViewer與Selenium定位元素
抖音直播音掛載小雪花 懂車帝小程序
javascript獲取瀏覽器指紋可以用來(lái)做投票
火狐Mozilla Firefox出現(xiàn):無(wú)法載入您的Firefox配置文件 它可能已經(jīng)丟失 或是無(wú)法訪問(wèn) 問(wèn)題解決集合處理辦法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑
python通過(guò)代碼修改pip下載源讓下載庫(kù)飛起
python里面requests.post返回的res.text還有其它的嗎
更多>>隨機(jī)抽取信息
深山行者留言系統(tǒng)V2.0 (簡(jiǎn)稱留言板V2.0)
javascript自動(dòng)獲取Tags關(guān)鍵字
利用JAVAscript實(shí)現(xiàn)表格漸變
網(wǎng)站提示錯(cuò)誤頁(yè)面,幾秒后返回首頁(yè)
長(zhǎng)城國(guó)際集團(tuán)有限公司
內(nèi)蒙古香格里拉旅行社有限公司
主站蜘蛛池模板: 国产一区二区三区 | 欧美日韩三级在线 | 午夜精品一区二区三区在线视频 | 四虎av成人 | 亚洲精选久久 | 精品国产黄a∨片高清在线 91精品国产91久久久 | 午夜色福利 | 午夜视频污| 久久国产一区二区 | 久久久国产99久久国产一 | 精品无码三级在线观看视频 | 综合色视频 | 亚洲国产欧美日韩 | 国产高清精品一区二区三区 | 国产成人一区二区 | 亚洲精品久久久久久久久久久 | 久久综合九九 | caoporn最新地址 | 91国产视频在线 | 国产精品无码永久免费888 | 97精品国产 | 国产在线精品一区二区三区 | 亚洲一级淫片 | 国产特级毛片aaaaaaa高清 | 国产精品第一国产精品 | 热99久久 | 欧美视频一二三区 | 欧美成人精品一区二区三区 | 久久女人精品 | √天堂8在线网 | 久久久九九 | 日韩免费在线观看 | 欧美日韩精品一区二区三区四区 | 久久精品国产一区二区三 | 国产乱码精品一区二区三区中文 | 日韩成人影院 | 九九亚洲视频 | 黄视频在线播放 | 99精品欧美一区二区三区综合在线 | 爱干视频| 欧美激情一区二区 |