狠狠色丁香婷婷综合尤物/久久精品综合一区二区三区/中国有色金属学报/国产日韩欧美在线观看 - 国产一区二区三区四区五区tv

LOGO OA教程 ERP教程 模切知識(shí)交流 PMS教程 CRM教程 開發(fā)文檔 其他文檔  
 
網(wǎng)站管理員

網(wǎng)頁設(shè)計(jì)中HTML常范的幾個(gè)錯(cuò)誤,平常設(shè)計(jì)中需要注意了!

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

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


犯錯(cuò)機(jī)率:很大


普遍性:較廣


犯錯(cuò)可能性:懶/不知道


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


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


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


犯錯(cuò)機(jī)率:非常大


普遍性:非常廣


犯錯(cuò)可能性:以為方便/以為好用


工作中,修改、維護(hù)別人的網(wǎng)頁是家常便飯,發(fā)現(xiàn)不少人有一個(gè)陋習(xí):


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


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


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


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


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


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


犯錯(cuò)機(jī)率:非常普遍


普遍性:非常普遍


犯錯(cuò)可能性:復(fù)雜多樣


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


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


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


看看上面的代碼,使用了2個(gè)class,4個(gè)font來定義2個(gè)文本,其實(shí)這樣的問題很多時(shí)候是在大家不斷的修改中產(chǎn)生的,對(duì)代碼不熟、或懶查看代碼、又或不喜歡查看代碼的人犯這些問題特別嚴(yán)重,當(dāng)然,事實(shí)上別人瀏覽這個(gè)網(wǎng)頁的時(shí)候,是沒有任何問題的,但維護(hù)的人就…………。


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


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


看到這樣的代碼我是會(huì)很無奈的(更無奈的是我經(jīng)常看到,而且必須看),我來簡(jiǎn)化一下:


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


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


4.表格不正確嵌套


犯錯(cuò)機(jī)率:一般


普遍性:普遍


犯錯(cuò)可能性:對(duì)這個(gè)不了解


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


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


第二個(gè)問題就是在一個(gè)大表格里放入所有內(nèi)容,而其中包括一個(gè)免費(fèi)的計(jì)數(shù)器代碼,嘻嘻,你猜有可能出現(xiàn)什么情況呢?其實(shí)也沒什么大不了的,最嚴(yán)重的就是你的IE象死機(jī)了一樣,什么都沒顯示。解決方法就是把計(jì)數(shù)器單獨(dú)放在一個(gè)表格里,別和其他內(nèi)容一起放在同一表格。


5.寫代碼縮進(jìn)的時(shí)候,不是使用Tab而是使用空格


犯錯(cuò)機(jī)率:一般


普遍性:較少


犯錯(cuò)可能性:不知道Tab更好用


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


使用空格有二大壞處:1、縮進(jìn)速度慢、修改速度慢。2、增大網(wǎng)頁體積,會(huì)影響速度。


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