- TEL:131 7970 3111
-
慧網(wǎng)微信
- 掃描二維碼
- 關(guān)注邳州在線
-
手機(jī)網(wǎng)站
- 手機(jī)掃描二維碼
- 進(jìn)入手機(jī)站
網(wǎng)站地圖
付款方式
網(wǎng)頁設(shè)計中Html使用的一些問題
1.網(wǎng)頁背景色的設(shè)置
犯錯機(jī)率:很大
普遍性:較廣
犯錯可能性:懶/不知道
約2年前我曾發(fā)現(xiàn)21cn上出現(xiàn)過一次沒有設(shè)置背景色的情況,當(dāng)時我用Email通知了他們,自此之后這個問題我從沒犯過。絕大部分人的窗口背景顏色都是白色,但
如果象我這樣個性的人,會把windows窗口的背景顏色改成灰色或其他色,這樣一來,如果你沒有設(shè)置網(wǎng)頁的背景顏色的話,你以為正常的網(wǎng)頁在我的電腦上看起
來會是一團(tuán)糟。
2.Align center(自動居中)的濫用
犯錯機(jī)率:非常大
普遍性:非常廣
犯錯可能性:以為方便/以為好用
工作中,修改、維護(hù)別人的網(wǎng)頁是家常便飯,發(fā)現(xiàn)不少人有一個陋習(xí):
在表格中的文字或圖片,你是這樣來令它居中、靠左或靠右過?
<div align="center">大家好。。</div>
<div align="center"><img src="http://edu.chinaz.com/Get/Website/Html_Css/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)頁中會無故地浪費維護(hù)者一筆時間。建議使用<td align="center">來居中,當(dāng)
需要多重定位的時候,才考慮<div align="center">,因為這個代碼并不好處理,所以能用表格代替用表格替代。
3.重復(fù)使用實現(xiàn)相同功能的代碼、或雜七雜八的亂套代碼
犯錯機(jī)率:非常普遍
普遍性:非常普遍
犯錯可能性:復(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)頁的時候,是沒有任何問題的,但維護(hù)的人…………。
這些多余的垃圾代碼完全是可以省略掉的,其實上面的例子不夠嚴(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>也沒問題,一樣很清爽。
4.表格不正確嵌套
犯錯機(jī)率:一般
普遍性:普遍
犯錯可能性:對這個不了解
其實這是一個街知巷聞的問題了,但還是不斷有人犯,不正確的嵌套表格,可能會令到你被老總叫到辦公室里臭罵一頓,會令到你以為正常的網(wǎng)頁用ADSL開2、3分
鐘都開不了。先講個問題,是在一個大表格里不斷地嵌套表格,這樣會令到打開網(wǎng)頁的速度變慢(雖然說現(xiàn)在的IE改善了這一問題,但還是不建議這樣做)
,另一方面維護(hù)、修改也極不方便,一般來說簡單的套用是沒有問題的,甚至3、4層,但是不要把所有內(nèi)容都放到一個表格里去。第二個問題是在一個大表格里
放入所有內(nèi)容,而其中包括一個免費的計數(shù)器代碼,嘻嘻,你猜有可能出現(xiàn)什么情況呢?其實也沒什么大不了的,最嚴(yán)重的是你的IE象死機(jī)了一樣,什么都沒顯
示。解決方法是把計數(shù)器單獨放在一個表格里,別和其他內(nèi)容一起放在同一表格。
5.寫代碼縮進(jìn)的時候,不是使用Tab而是使用空格
犯錯機(jī)率:一般
普遍性:較少
犯錯可能性:不知道Tab更好用
這一個問題針對js、vbs、asp、php之類,html不能使用Tab會寫一點程序的都知道什么叫縮進(jìn),怎么樣縮進(jìn)?有人使用空格,有人使用Tab,如果你是使用空格的,
那么從現(xiàn)在起,改用Tab吧。
使用空格有二大壞處:1、縮進(jìn)速度慢、修改速度慢。2、增大網(wǎng)頁體積,會影響速度。
6.不知道何時該用jpg、何時使用gif
犯錯機(jī)率:一般
普遍性:非常普遍
犯錯可能性:對這個不了解
呵呵,這個問題看起來好象很普通,但不懂的人大把的在,你知道什么情況下更應(yīng)該使用jpg,什么情況下更應(yīng)該使用gif嗎?
你是不是想說當(dāng)然是做透明圖的時候用gif,其他的用jpg啦!
呵呵。。。,這太顯淺了你必須對jpg和gif的特性和性質(zhì)有一定的了解才能掌握,并且還得居于實踐,沒實踐過,再多理論也是沒有用的。并且還得結(jié)合實際,結(jié)
合實際的意思是:有時候你知道用jpg更清晰(理論上),但實際上使用gif卻會更適合(這里是指適合,而不是更好)。
也有些人會說在需要更清晰的質(zhì)量的時候選擇jpg,其實也不然,這與要輸出的圖片的尺寸及顏色數(shù)所決定。