国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網(wǎng)站 > WEB開發(fā) > 正文

網(wǎng)頁設(shè)計中HTML常范的五個錯誤

2024-04-27 13:53:27
字體:
供稿:網(wǎng)友

1.網(wǎng)頁背景色的設(shè)置

犯錯機率:很大
普遍性:較廣
犯錯可能性:懶/不知道

約2年前我曾發(fā)現(xiàn)21cn上出現(xiàn)過一次沒有設(shè)置背景色的情況,當(dāng)時我用Email通知了他們,自此之后這個問題我從沒犯過。

絕大部分人的窗口背景顏色都是白色,但如果象我這樣個性的人,就會把windows窗口的背景顏色改成灰色或其他色,這樣一來,如果你沒有設(shè)置網(wǎng)頁的背景顏色的話,你以為正常的網(wǎng)頁在我的電腦上看起來會是一團糟。

2.Align center(自動居中)的濫用

犯錯機率:非常大
普遍性:非常廣
犯錯可能性:以為方便/以為好用

工作中,修改、維護別人的網(wǎng)頁是家常便飯,發(fā)現(xiàn)不少人有一個陋習(xí):
在表格中的文字或圖片,你是這樣來令它居中、靠左或靠右過?

<div align="center">大家好啊!!</div>
<div align="center"><img src="xx.gif"></div>

當(dāng)有些表格很多、文字很多、內(nèi)容分得很細(xì)的時候,愛用這種方法(它在DW里的快捷鍵是Ctrl+Alt+C,F(xiàn)P不知道是什么)的人往往會狂用,慘了,我一碰到這樣的網(wǎng)頁就頭痛,為什么要用那么多<div>來居中呢?tell me why?難道表格沒有居中屬性嗎?為什么要加入這些垃圾代碼?特別修改的時候也不能把文字或圖片刪除了就能自動清除<div align="center">這個代碼,還要手工去清除,在復(fù)雜點的網(wǎng)頁中就會無故地浪費維護者一筆時間。

建議使用<td align="center">來居中,當(dāng)需要多重定位的時候,才考慮<div align="center">,因為這個代碼并不好處理,所以能用表格代替就用表格替代。

3.重復(fù)使用實現(xiàn)相同功能的代碼、或雜七雜八的亂套代碼

犯錯機率:非常普遍
普遍性:非常普遍
犯錯可能性:復(fù)雜多樣

大家先來看一看下面的代碼:
<center><p><font class="css_id"><font class="font11"><font color="#CCCCCC"><font color="#FFA76C" style="font-size:14px;font-family:隸書">標(biāo) 題</font></font></font><br></center>你覺得這樣的代碼看起來感覺怎么樣呢?</font></p>

我不知道讀者有什么感覺,壓根我一看到這樣的代碼就會先自我麻木十來秒,這十來秒目的是為了找一個能表達(dá)我的思想感情的詞(我?你想反問我嗎?sorry~~,我一般不犯,因為我做網(wǎng)頁至少有一半以上的時間在瀏覽代碼,代碼中多了不該多的東西我一眼就能看出來。)。

看看上面的代碼,使用了2個class,4個font來定義2個文本,其實這樣的問題很多時候是在大家不斷的修改中產(chǎn)生的,對代碼不熟、或懶查看代碼、又或不喜歡查看代碼的人犯這些問題特別嚴(yán)重,當(dāng)然,事實上別人瀏覽這個網(wǎng)頁的時候,是沒有任何問題的,但維護的人就…………。
這些多余的垃圾代碼完全是可以省略掉的,其實上面的例子不夠嚴(yán)重,更恐怖的我都見過。

另外還有一個問題也要提提的,就是<p>...</p>和<center>...</center>,為什么要用它們呢?tell me why~~,有甚者是這樣的:

<td><div align="center" class="css_id">
<center>
<p align="center"></p>
<p align="center"><font class="css_id"><font class="font11"><font color="#CCCCCC"><font color="#FFA76C" style="font-size:14px;font-family:隸書">標(biāo) 題</font></font></font><br></center></td>你覺得這樣的代碼看起來感覺怎么樣呢?</font></p></center></div></td>

看到這樣的代碼我是會很無奈的(更無奈的是我經(jīng)常看到,而且必須看),我來簡化一下:
<td align="center" class="css_id"><br><font color="#FFA76C" style="font-size:14px;font-family:隸書">標(biāo)題</font><br>你覺得這樣的代碼看起來感覺怎么樣呢?</td>

是不是看起來覺得這個世界安靜了很多?"標(biāo)題"后面的文字完成可以定義在<td>的class里,就算不用css,再用多一個<.font>也沒問題,一樣很清爽。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 新宁县| 淳化县| 湘西| 兖州市| 西城区| 新昌县| 西吉县| 东台市| 赤水市| 龙里县| 昭苏县| 安庆市| 广水市| 紫阳县| 弥渡县| 剑河县| 澄迈县| 泾阳县| 响水县| 精河县| 潮安县| 常熟市| 堆龙德庆县| 兖州市| 西畴县| 弋阳县| 中卫市| 香河县| 朝阳市| 淳化县| 永福县| 镶黄旗| 开原市| 曲沃县| 卓资县| 安新县| 吉木乃县| 溧阳市| 禹城市| 区。| 兴海县|