日韩欧美国产精品免费一二-日韩欧美国产精品亚洲二区-日韩欧美国产精品专区-日韩欧美国产另-日韩欧美国产免费看-日韩欧美国产免费看清风阁

LOGO OA教程 ERP教程 模切知識交流 PMS教程 CRM教程 開發文檔 其他文檔  
 
網站管理員

網頁設計中HTML常范的幾個錯誤,平常設計中需要注意了!

admin
2011年6月22日 15:16 本文熱度 3305

1.網頁背景色的設置


犯錯機率:很大


普遍性:較廣


犯錯可能性:懶/不知道


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


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


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


犯錯機率:非常大


普遍性:非常廣


犯錯可能性:以為方便/以為好用


工作中,修改、維護別人的網頁是家常便飯,發現不少人有一個陋習:


在表格中的文字或圖片,你是這樣來令它居中、靠左或靠右過?


<div align="center">大家好啊!!</div>


<div align="center"><img src="xx.gif"></div>


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


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


3.重復使用實現相同功能的代碼、或雜七雜八的亂套代碼


犯錯機率:非常普遍


普遍性:非常普遍


犯錯可能性:復雜多樣


大家先來看一看下面的代碼:


<center><p><font class="css_id"><font class="font11"><font color="#CCCCCC"><font color="#FFA76C" style="font-family:隸書">標 題</font></font></font><br></center>你覺得這樣的代碼看起來感覺怎么樣呢?</font></p>


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


看看上面的代碼,使用了2個class,4個font來定義2個文本,其實這樣的問題很多時候是在大家不斷的修改中產生的,對代碼不熟、或懶查看代碼、又或不喜歡查看代碼的人犯這些問題特別嚴重,當然,事實上別人瀏覽這個網頁的時候,是沒有任何問題的,但維護的人就…………。


這些多余的垃圾代碼完全是可以省略掉的,其實上面的例子不夠嚴重,更恐怖的我都見過。


另外還有一個問題也要提提的,就是<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-family:隸書">標 題</font></font></font><br></center></td>你覺得這樣的代碼看起來感覺怎么樣呢?</font></p></center></div></td>


看到這樣的代碼我是會很無奈的(更無奈的是我經常看到,而且必須看),我來簡化一下:


<td align="center" class="css_id"><br><font color="#FFA76C" style="font-family:隸書">標題</font><br>你覺得這樣的代碼看起來感覺怎么樣呢?</td>


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


4.表格不正確嵌套


犯錯機率:一般


普遍性:普遍


犯錯可能性:對這個不了解


其實這是一個街知巷聞的問題了,但還是不斷有人犯,不正確的嵌套表格,可能會令到你被老總叫到辦公室里臭罵一頓,會令到你以為正常的網頁用ADSL開2、3分鐘都開不了。


先講第一個問題,就是在一個大表格里不斷地嵌套表格,這樣會令到打開網頁的速度變慢(雖然說現在的IE改善了這一問題,但還是不建議這樣做),另一方面維護、修改也極不方便,一般來說簡單的套用是沒有問題的,甚至3、4層,但是不要把所有內容都放到一個表格里去。


第二個問題就是在一個大表格里放入所有內容,而其中包括一個免費的計數器代碼,嘻嘻,你猜有可能出現什么情況呢?其實也沒什么大不了的,最嚴重的就是你的IE象死機了一樣,什么都沒顯示。解決方法就是把計數器單獨放在一個表格里,別和其他內容一起放在同一表格。


5.寫代碼縮進的時候,不是使用Tab而是使用空格


犯錯機率:一般


普遍性:較少


犯錯可能性:不知道Tab更好用


這一個問題針對js、vbs、asp、php之類,html不能使用Tab會寫一點程序的都知道什么叫縮進,怎么樣縮進?有人使用空格,有人使用Tab,如果你是使用空格的,那么從現在起,改用Tab吧。


使用空格有二大壞處:1、縮進速度慢、修改速度慢。2、增大網頁體積,會影響速度。


該文章在 2011/6/22 15:16:36 編輯過
關鍵字查詢
相關文章
正在查詢...
點晴ERP是一款針對中小制造業的專業生產管理軟件系統,系統成熟度和易用性得到了國內大量中小企業的青睞。
點晴PMS碼頭管理系統主要針對港口碼頭集裝箱與散貨日常運作、調度、堆場、車隊、財務費用、相關報表等業務管理,結合碼頭的業務特點,圍繞調度、堆場作業而開發的。集技術的先進性、管理的有效性于一體,是物流碼頭及其他港口類企業的高效ERP管理信息系統。
點晴WMS倉儲管理系統提供了貨物產品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質期管理,貨位管理,庫位管理,生產管理,WMS管理系統,標簽打印,條形碼,二維碼管理,批號管理軟件。
點晴免費OA是一款軟件和通用服務都免費,不限功能、不限時間、不限用戶的免費OA協同辦公管理系統。
Copyright 2010-2025 ClickSun All Rights Reserved

主站蜘蛛池模板: 国产老熟女狂 | 韩日精品视频 | 国产精品区一区二区三 | 在线精品亚洲一区二区绿巨人 | 国产欧美在线手机观看 | 免费在线观看电视剧电影的网站 | 国产999在线观看 | 高清影院 | 在线观看亚洲h视频 | 巨爆中文字幕巨爆区 | 国产亚洲精品 | 97国产婷婷综合在线视 | 最新日本一道免费一 | 欧美日韩不 | 日韩视频中文字幕视频一区 | 国产在线观看一区二区三区四区 | 97se亚洲精品一区 | 国产精品美女网站在线看 | 午夜dj视频在线观看免费 | 亚洲欧洲日韩国产一区二区三区 | 国产精品自在线 | 午夜理论片大全福利 | 天天做天天 | 成人亚洲 | 国产精品拍综合在线 | 激情中文小说区图片区 | 日本.欧美一区二区三区 | 亚洲国产综合精品中久 | 成年人24小时在线免费观看视频 | 韩国日本亚洲欧洲一区二区三区 | 天堂а√在线中文在线 | 午夜神器 | 日本九九热在线观看官网 | 国产精品成人一区二区三区影院 | 国产精成人品 | 亚洲精品国产自在现线最新 | 精品国产污 | 青青青爽在 | 亚洲色精品vr一区二区三区 | 成人国产经典 | 日韩欧美国产 |