[組網_安全]網頁設計中HTML常范的五個錯誤_第1頁
[組網_安全]網頁設計中HTML常范的五個錯誤_第2頁
[組網_安全]網頁設計中HTML常范的五個錯誤_第3頁
[組網_安全]網頁設計中HTML常范的五個錯誤_第4頁
[組網_安全]網頁設計中HTML常范的五個錯誤_第5頁
全文預覽已結束

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

1、組網安全網頁設計中html常范的五個錯誤組網安全網頁設計中html常范的五個錯誤1. 網頁背景色的設置犯錯機率:很大普遍性:較廣犯錯可能性:懶/不知道約2年前我曾發(fā)現21cn上出現過一次沒有設置背景色的情況, 當時我用ema訂通知了他們,自此之后這個問題我從沒犯過。絕大部分人的窗口背景顏色都是白色,但如果象我這樣個性的人, 就會把windows窗口的背景顏色改成灰色或其他色,這樣一來,如果 你沒有設置網頁的背景顏色的話,你以為正常的網頁在我的電腦上看 起來會是一團糟。2. align center (自動居中)的濫用犯錯機率:非常大普遍性:非常廣犯錯可能性:以為方便/以為好用工作中,修改、維護

2、別人的網頁是家常便飯,發(fā)現不少人有一個 陋習:在表格中的文字或圖片,你是這樣來令它居中、靠左或靠右過?<div align二"center"大家好啊! </div><div align二"center>img src二xxgif/div當有些表格很多、文字很多、內容分得很細的吋候,愛用這種方 法(它在dw里的快捷鍵是ctrl+alt+c, fp不知道是什么)的人往往 會狂用,慘了,我一碰到這樣的網頁就頭痛,為什么要用那么多div 來居中呢? tell me why?難道表格沒有居中屬性嗎?為什么要加入 這些垃圾代碼?特別修改的時候也不

3、能把文字或圖片刪除了就能口 動清除div align二center"這個代碼,還要手工去清除,在復雜點 的網頁中就會無故地浪費維護者一筆吋間。建議使用td align二center"來居中,當需要多重定位的吋候, 才考慮divalign=,/center,,因為這個代碼并不好處理,所以能用 表格代替就用表格替代。3. 重復使用實現和同功能的代碼、或雜七雜八的亂套代碼犯錯機率:非常普遍普遍性:非常普遍 犯錯可能性:復雜多樣大家先來看一看下面的代碼:centerpfont class二css_idfontclass二"fontllfont color二"#c

4、ccccc"font colo#ffa76c style二font-size: 14px;font-family:隸書>標 題 </font></font></font></center>你覺得這樣的代碼看起來感覺怎么樣呢?/font>/p>我不知道讀者有什么感覺,壓根我一看到這樣的代碼就會先自我 麻木十來秒,這十來秒目的是為了找一個能表達我的思想感情的詞(我?你想反問我嗎? sorry,我一般不犯,因為我做網頁至少有 一半以上的時間在瀏覽代碼,代碼中多了不該多的東西我眼就能看 出來。)。看看上面的代碼,使用了 2個c

5、lass,4個font來定義2個文本, 其實這樣的問題很多時候是在大家不斷的修改中產生的,對代碼不熟、 或懶查看代碼、乂或不喜歡查看代碼的人犯這些問題特別嚴重,當然, 事實上別人瀏覽這個網頁的時候,是沒有任何問題的,但維護的人 就o這些多余的垃圾代碼完全是可以省略掉的,其實上面的例子不夠嚴重, 更恐怖的我都見過。另外還有一個問題也要提提的,就是<p>. </p>和center./center,為什么要用它們呢? tell me why,有甚 者是這樣的:<td><div align二"center" class二css_id<

6、center><p align二center></p><p align二center>font class二css_idfont class二"fontll>font color二"#cccccc">font colo#ffa76c style二font-size: 14px;font-family:隸書>標 題</font></font></font></center></td>你覺得這樣的代碼看起來感覺怎么樣呢? </font>&

7、lt;/p></centerx/div></td>看到這樣的代碼我是會很無奈的(更無奈的是我經常看到,而且 必須看),我來簡化一下:<td align二"center" class二css_id <font color="#ffa76c style=,font-size: 14px;font-family:> 標題 </font>你覺得這樣的代碼看起來感覺怎么樣呢?/td是不是看起來覺得這個世界安靜了很多? 標題后面的文字完 成可以定義在td>的class里,就算不用css,再用多一個font 也沒

8、問題,一樣很清爽。4 表格不正確嵌套犯錯機率:一般普遍性:普遍犯錯可能性:對這個不了解其實這是一個街知巷聞的問題了,但還是不斷有人犯,不正確的 嵌套表格,可能會令到你被老總叫到辦公室里臭罵一頓,會令到你以 為正常的網頁用adsl開2、3分鐘都開不了。先講第一個問題,就是在一個大表格里不斷地嵌套表格,這樣會 令到打開網頁的速度變慢(雖然說現在的ie改善了這一問題,但還 是不建議這樣做),另一方面維護、修改也極不方便,一般來說簡單 的套用是沒有問題的,甚至3、4層,但是不要把所有內容都放到一 個表格里去。笫二個問題就是在一個大表格里放入所有內容,而其中包括一個 免費的計數器代碼,嘻嘻,你猜有可能出現什么情況呢?其實也沒什 么大不了的,放嚴重的就是你的ie象死機了一樣,什么都沒顯示。 解決方法就是把計數器單獨放在一個表格里,別和其他內容一起放在 同一表格。5寫代碼縮進的時候,不是使用tab而是使用空格犯錯機率:一般普遍性:較少犯錯可能性:不知道tab更好用這一個問題針對js、vbs&

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論