網(wǎng)頁(yè)設(shè)計(jì)中Html使用的一些問(wèn)題

2015-11-22    分類: 網(wǎng)站建設(shè)

1.網(wǎng)頁(yè)背景色的設(shè)置犯錯(cuò)機(jī)率:很大普遍性:較廣犯錯(cuò)可能性:懶/不知道約2年前我曾發(fā)現(xiàn)21cn上出現(xiàn)過(guò)一次沒(méi)有設(shè)置背景色的情況,當(dāng)時(shí)我用Email通知了他們,自此之后這個(gè)問(wèn)題我從沒(méi)犯過(guò)。絕大部分人的窗口背景顏色都是白色,但如果象我這樣個(gè)性的人,就會(huì)把windows窗口的背景顏色改成灰色或其他色,這樣一來(lái),如果你沒(méi)有設(shè)置網(wǎng)頁(yè)的背景顏色的話,你以為正常的網(wǎng)頁(yè)在我的電腦上看起來(lái)會(huì)是一團(tuán)糟。2.Align center(自動(dòng)居中)的濫用犯錯(cuò)機(jī)率:非常大普遍性:非常廣犯錯(cuò)可能性:以為方便/以為好用工作中,修改、維護(hù)別人的網(wǎng)頁(yè)是家常便飯,發(fā)現(xiàn)不少人有一個(gè)陋習(xí):在表格中的文字或圖片,你是這樣來(lái)令它居中、靠左或靠右過(guò)?大家好?。?!當(dāng)有些表格很多、文字很多、內(nèi)容分得很細(xì)的時(shí)候,愛(ài)用這種方法(它在DW里的快捷鍵是Ctrl+Alt+C,F(xiàn)P不知道是什么)的人往往會(huì)狂用,慘了,我一碰到這樣的網(wǎng)頁(yè)就頭痛,為什么要用那么多

來(lái)居中呢?tell me why?難道表格沒(méi)有居中屬性嗎?為什么要加入這些垃圾代碼?特別修改的時(shí)候也不能把文字或圖片刪除了就能自動(dòng)清除

這個(gè)代碼,還要手工去清除,在復(fù)雜點(diǎn)的網(wǎng)頁(yè)中就會(huì)無(wú)故地浪費(fèi)維護(hù)者一筆時(shí)間。建議使用來(lái)居中,當(dāng)需要多重定位的時(shí)候,才考慮
,因?yàn)檫@個(gè)代碼并不好處理,所以能用表格代替就用表格替代。3.重復(fù)使用實(shí)現(xiàn)相同功能的代碼、或雜七雜八的亂套代碼犯錯(cuò)機(jī)率:非常普遍普遍性:非常普遍犯錯(cuò)可能性:復(fù)雜多樣大家先來(lái)看一看下面的代碼:

標(biāo)題

你覺(jué)得這樣的代碼看起來(lái)感覺(jué)怎么樣呢?
我不知道讀者有什么感覺(jué),壓根我一看到這樣的代碼就會(huì)先自我麻木十來(lái)秒,這十來(lái)秒目的是為了找一個(gè)能表達(dá)我的思想感情的詞(我?你想反問(wèn)我嗎?sorry~~,我一般不犯,因?yàn)槲易鼍W(wǎng)頁(yè)至少有一半以上的時(shí)間在瀏覽代碼,代碼中多了不該多的東西我一眼就能看出來(lái)。)??纯瓷厦娴拇a,使用了2個(gè)class,4個(gè)來(lái)定義2個(gè)文本,其實(shí)這樣的問(wèn)題很多時(shí)候是在大家不斷的修改中產(chǎn)生的,對(duì)代碼不熟、或懶查看代碼、又或不喜歡查看代碼的人犯這些問(wèn)題特別嚴(yán)重,當(dāng)然,事實(shí)上別人瀏覽這個(gè)網(wǎng)頁(yè)的時(shí)候,是沒(méi)有任何問(wèn)題的,但維護(hù)的人就…………。這些多余的垃圾代碼完全是可以省略掉的,其實(shí)上面的例子不夠嚴(yán)重,更恐怖的我都見(jiàn)過(guò)。另外還有一個(gè)問(wèn)題也要提提的,就是

...

...
,為什么要用它們呢?tell me why~~,有甚者是這樣的:

標(biāo) 題

你覺(jué)得這樣的代碼看起來(lái)感覺(jué)怎么樣呢?
看到這樣的代碼我是會(huì)很無(wú)奈的(更無(wú)奈的是我經(jīng)??吹?,而且必須看),我來(lái)簡(jiǎn)化一下:
標(biāo)題
你覺(jué)得這樣的代碼看起來(lái)感覺(jué)怎么樣呢?是不是看起來(lái)覺(jué)得這個(gè)世界安靜了很多?"標(biāo)題"后面的文字完成可以定義在的class里,就算不用css,再用多一個(gè)<.>也沒(méi)問(wèn)題,一樣很清爽。4.表格不正確嵌套犯錯(cuò)機(jī)率:一般普遍性:普遍犯錯(cuò)可能性:對(duì)這個(gè)不了解其實(shí)這是一個(gè)街知巷聞的問(wèn)題了,但還是不斷有人犯,不正確的嵌套表格,可能會(huì)令到你被老總叫到辦公室里臭罵一頓,會(huì)令到你以為正常的網(wǎng)頁(yè)用ADSL開(kāi)2、3分鐘都開(kāi)不了。先講第一個(gè)問(wèn)題,就是在一個(gè)大表格里不斷地嵌套表格,這樣會(huì)令到打開(kāi)網(wǎng)頁(yè)的速度變慢(雖然說(shuō)現(xiàn)在的IE改善了這一問(wèn)題,但還是不建議這樣做),另一方面維護(hù)、修改也極不方便,一般來(lái)說(shuō)簡(jiǎn)單的套用是沒(méi)有問(wèn)題的,甚至3、4層,但是不要把所有內(nèi)容都放到一個(gè)表格里去。第二個(gè)問(wèn)題就是在一個(gè)大表格里放入所有內(nèi)容,而其中包括一個(gè)免費(fèi)的計(jì)數(shù)器代碼,嘻嘻,你猜有可能出現(xiàn)什么情況呢?其實(shí)也沒(méi)什么大不了的,最嚴(yán)重的就是你的IE象死機(jī)了一樣,什么都沒(méi)顯示。解決方法就是把計(jì)數(shù)器單獨(dú)放在一個(gè)表格里,別和其他內(nèi)容一起放在同一表格。5.寫代碼縮進(jìn)的時(shí)候,不是使用Tab而是使用空格犯錯(cuò)機(jī)率:一般普遍性:較少犯錯(cuò)可能性:不知道Tab更好用這一個(gè)問(wèn)題針對(duì)js、vbs、asp、php之類,html不能使用Tab會(huì)寫一點(diǎn)程序的都知道什么叫縮進(jìn),怎么樣縮進(jìn)?有人使用空格,有人使用Tab,如果你是使用空格的,那么從現(xiàn)在起,改用Tab吧。使用空格有二大壞處:1、縮進(jìn)速度慢、修改速度慢。2、增大網(wǎng)頁(yè)體積,會(huì)影響速度。6.不知道何時(shí)該用jpg、何時(shí)使用gif犯錯(cuò)機(jī)率:一般普遍性:非常普遍犯錯(cuò)可能性:對(duì)這個(gè)不了解呵呵,這個(gè)問(wèn)題看起來(lái)好象很普通,但不懂的人大把的在,你知道什么情況下更應(yīng)該使用jpg,什么情況下更應(yīng)該使用gif嗎?你是不是想說(shuō)當(dāng)然是做透明圖的時(shí)候用gif,其他的就用jpg啦!呵呵。。。,這太顯淺了你必須對(duì)jpg和gif的特性和性質(zhì)有一定的了解才能掌握,并且還得居于實(shí)踐,沒(méi)實(shí)踐過(guò),再多理論也是沒(méi)有用的。并且還得結(jié)合實(shí)際,結(jié)合實(shí)際的意思是:有時(shí)候你知道用jpg更清晰(理論上),但實(shí)際上使用gif卻會(huì)更適合(這里是指適合,而不是更好)。也有些人會(huì)說(shuō)在需要更清晰的質(zhì)量的時(shí)候選擇jpg,其實(shí)也不然,這與要輸出的圖片的尺寸及顏色數(shù)所決定。對(duì)于這個(gè)問(wèn)題涉及的方面比較廣,我就懶得打字了。有人會(huì)的可以補(bǔ)充。

標(biāo)題名稱:網(wǎng)頁(yè)設(shè)計(jì)中Html使用的一些問(wèn)題
網(wǎng)站路徑:http://www.muchs.cn/news46/33546.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供搜索引擎優(yōu)化、建站公司營(yíng)銷型網(wǎng)站建設(shè)、外貿(mào)建站定制開(kāi)發(fā)、全網(wǎng)營(yíng)銷推廣

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站制作