網(wǎng)頁(yè)制作中注意應(yīng)用HTML標(biāo)簽的問(wèn)題(2)_XHTML教程
font標(biāo)簽被濫用到出現(xiàn)在當(dāng)前的每一個(gè)重復(fù)元素的(如,每次你使用p元素),而CSS,則可以用一條簡(jiǎn)短的代碼來(lái)應(yīng)用重復(fù)元素,甚至控制整個(gè)網(wǎng)站。使用CSS方法,不僅可以使頁(yè)面比被大量font標(biāo)簽寄生的更苗條,而且更輕易維護(hù)因?yàn)槟闼枰龅弥皇歉淖僀SS文件中的一行,而不是逐一修改每一個(gè)font標(biāo)簽。這也增加了維護(hù)一個(gè)一直保持設(shè)計(jì)風(fēng)格一致的網(wǎng)站的可能性。font標(biāo)簽和不恰當(dāng)?shù)谋砀袷褂檬莾蓚(gè)產(chǎn)生網(wǎng)頁(yè)不必要臃腫的主要原因。
屬性
可能你認(rèn)為你正在使用良好的標(biāo)簽,但還是有一些麻煩的寄生蟲屬性潛伏,它們隨時(shí)會(huì)冒出來(lái)。
name用來(lái)為一個(gè)元素指定一個(gè)名字,它在如input的表單元素中完全被接受,但在其它地方,name的工作已經(jīng)被id屬性取代。text和bgcolor可以在body起始標(biāo)簽中定義頁(yè)面的基本文本顏色和背景顏色。CSS的color和background-color屬性在應(yīng)用到body選擇符時(shí)也可以做到。background可以在body標(biāo)簽中指定一個(gè)背景圖畫。CSS會(huì)做得更好,用如background-image的屬性來(lái)處理背景圖片。link、alink、vlink在body標(biāo)簽中用來(lái)指定連接(未訪問(wèn),激活和已訪問(wèn))。CSS寶貝──:link、:active和:visited會(huì)做這項(xiàng)工作。align可以用來(lái)對(duì)齊某個(gè)元素的內(nèi)容(比如<div align="center">Stuff</div>),但是,像center標(biāo)簽,CSS的text-align屬性是新的老板。target可以用不同的方式打開一個(gè)連接,最常用的是打開新窗口(比如<a href="wherever.html" target="_blank">Help me</a>)�?雌饋�(lái)不錯(cuò),但你不要對(duì)你的網(wǎng)站這樣做。用戶并不預(yù)期不可思議的東西(比如新窗口)出現(xiàn),而且最常用的瀏覽工具是瀏覽器的后退按鈕,假如你打開新窗口,這將不可用。它是非法和不易用的。
注重
保留標(biāo)簽的表現(xiàn)屬性如圖像的width和height,表格的cellpadding和cellspacing,是由于這些元素經(jīng)常使用不同的值。這不是完美的解決方案,但假如你的網(wǎng)頁(yè)有大量的圖像和表格,你沒(méi)有其他的明智選擇,只好使用它們。
最讓人難以理解的表現(xiàn)屬性是textarea標(biāo)簽,它僅有cols和rows兩個(gè)合法屬性,在最新的HTML版本中也是必須的。
良好標(biāo)簽,不良使用
要進(jìn)入你的臥室你可以彎腰通過(guò)一個(gè)狗洞,但等等,還有一扇有把手的為人類預(yù)備的門!哇,看——剛好適合一個(gè)進(jìn)入。
使用HTML標(biāo)簽(好標(biāo)簽),無(wú)論相信與否(相信它�。幸粋(gè)很好的的理由:你使用它們有一個(gè)好前提,你就會(huì)有一個(gè)更好的結(jié)果。
網(wǎng)頁(yè)本身對(duì)用戶來(lái)說(shuō),比起HTML標(biāo)簽語(yǔ)法語(yǔ)義更易用,屏幕閱讀器常會(huì)在碰到一個(gè)ul標(biāo)簽或者有著h1或h2的標(biāo)題標(biāo)簽時(shí)強(qiáng)調(diào)突出它們。
- HTML5 INPUT placeholder及兼容性處理
- HTML表單里的Label標(biāo)簽
- 淺析HTML與javascript中常用編碼
- CSS網(wǎng)頁(yè)布局中必須要了解的幾個(gè)XHTML標(biāo)簽
- title和alt 標(biāo)簽介紹及其異同
- 淺析HTML標(biāo)簽strong和em的區(qū)別
- 說(shuō)說(shuō)XHTML中的alt屬性和title屬性
- Semantics語(yǔ)義是Html Xhtml是否真正符合標(biāo)準(zhǔn)的重要部分
- 九個(gè)W3C XHTML1.0及CSS標(biāo)準(zhǔn)認(rèn)證需要注意的問(wèn)題
- 請(qǐng)注意頁(yè)面head區(qū)域的編碼是不是規(guī)范
- HTML validate - 驗(yàn)證HTML代碼穿越多重瀏覽器標(biāo)準(zhǔn)
- XHTML具有語(yǔ)義的標(biāo)簽:有關(guān)H1位置的討論
XHTML教程Rss訂閱Div+Css教程搜索
XHTML教程推薦
- 常用的XHTML標(biāo)簽的使用技巧介紹
- HTML表格標(biāo)記教程(35):跨列屬性COLSPAN
- HTML表格標(biāo)記教程(13):內(nèi)部邊框樣式屬性RULES
- HTML表格標(biāo)記教程(40):表頭的暗邊框色屬性BORDERCOLORDARK
- Web開發(fā)常用代碼:背投廣告
- HTML表格標(biāo)記教程(3):寬度和高度屬性WIDTH、HEIGHT
- HTML表格標(biāo)記教程(32):單元格的水平對(duì)齊屬性ALIGN
- HTML表格標(biāo)記教程(46):表格的表尾標(biāo)記
- Table布局中單元格background-color鼠標(biāo)響應(yīng)的JS代碼
- Default style sheet - HTML4標(biāo)簽的默認(rèn)樣式列表
- 相關(guān)鏈接:
復(fù)制本頁(yè)鏈接| 搜索網(wǎng)頁(yè)制作中注意應(yīng)用HTML標(biāo)簽的問(wèn)題(2)
- 教程說(shuō)明:
XHTML教程-網(wǎng)頁(yè)制作中注意應(yīng)用HTML標(biāo)簽的問(wèn)題(2)
。