|
7、空div在IE(FF中沒有)是有默認(rèn)高度的，可以用定義：
div { witdh:100%; background:#9c0; line-height:0}
的方式去掉默認(rèn)高度；
8、在使用table標(biāo)簽時(shí)應(yīng)該盡可能的利用它本身的屬性，最大限度的分離結(jié)構(gòu)與樣式.詳細(xì)解讀: http://mrthink.net/csshtml-colgroup-col-style/ ；
9、充分利用表單中l(wèi)abel標(biāo)簽提升用戶體驗(yàn)；這一點(diǎn)對(duì)于頁面中那些小的選項(xiàng)框,以及對(duì)殘障人士閱讀網(wǎng)站都有好處，細(xì)節(jié)是用戶體驗(yàn)的第一步；
10、fieldset，legend標(biāo)簽，鮮為人知，卻很實(shí)用的一組標(biāo)簽；它可以很明了的把一組元素框起來，主要用于表單；
11、optgroup標(biāo)簽，鮮為人知，它對(duì)提升選擇表單用戶體驗(yàn)很有幫助。作用？ 就是可以在有很多選項(xiàng)時(shí)，對(duì)這些選項(xiàng)分組：
<select id="selectId">
<optgroup label="GROUP ONE">
<option value="1">one select</option>
<option value="2">two select</option>
</optgroup>
<optgroup label="GROUP TWO">
<option value="3">three select</option>
<option value="4">four select</option>
</optgroup>
</select>
效果演示：
運(yùn)行代碼框
[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運(yùn)行]
12、表單都要加name值，name值是一個(gè)標(biāo)示，不同于id，據(jù)我所發(fā)現(xiàn),若是未定義name值，非IE瀏覽器下是無法通過document.formid獲取到表單元素的。請(qǐng)看如下代碼及注釋：
<html>
<head>
<script>
window.onload=function(){
alert(document.mrform.length); //所有瀏覽器均會(huì)彈出表單元素長度
alert(document.thinkform.length); //僅IE會(huì)彈出該表單元素長度
}
</script>
</head>
<body>
<form name="mrform" id="thinkform" action="#">
......
</form>
</body>
</html>
經(jīng)典論壇交流：
http://bbs.blueidea.com/thread-2990887-1-1.html
本文鏈接：http://m.95time.cn/tech/web/2010/7811.asp 
出處：藍(lán)色理想
責(zé)任編輯：bluehearts
上一頁 前端開發(fā)中一些常用技巧總結(jié) [1] 下一頁
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁 
第 2 頁 前端開發(fā)中一些常用技巧總結(jié) [2]
