加入收藏
 地圖
 用戶登陸
 幫助中心
電子商務 SEO動態 SEO技術 SEO軟件 SEO推薦 網站留言 SEO用戶 SEO專欄 電子商務   SEO培訓
今天是:2019年8月24日 星期六   您現在位于: 首頁 →  SEO技術 → 計算機技術(軟件頻道)

網頁設計中HTML常范的五個錯誤

2019/8/24  電子商務網  瀏覽選項:    本文已被瀏覽 1540 次
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-size:14px;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-size:14px;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-size:14px;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、增大網頁體積,會影響速度。
 發布人:杰米  [ → 我要發表文章 ] 上篇文章:Win XP遠程桌面控制中的“雕蟲小技”
下篇文章:六種設置方法徹底優化你的IE瀏覽器
→ 主題所屬分類:  計算機技術 → 軟件頻道 → 『關閉窗口』
世界杯:網上看球“七種武器”
評論:在線購物也煩人
使用P2P時保障系統安全五大步驟
網智提示網上購物小技巧
Omega olympic sam..
一、初體驗天下!桌面秀 Widge..
菜鳥上手 刮目相看:WinRAR精..
微軟電子商務的三個成功案例
青島新聞網:電子商務 漸行漸近
用好WinXP“自動系統恢復”
任泉角色轉換 成明星開店佼佼者
Win SP2扳動微軟航向
Google加入RSS廣告
不必開啟的功能 XP別再"煩"我
Bell & Ross Repli..
讓Media Player9音質更..
換一換Windows資源管理器硬盤..
自定義Maxthon的起始頁
Qualit盲ts-beste S..
什么是社會性網絡?什么是六度分隔理..
你的網站值多少錢?
誠信 網上開店大問題
遺憾之處重大改進 王者歸來 Win..
Jimmy Choo Diaman..
讓Win XP系統巧妙的“起死回生”
用畫圖給圖片添加水印
操作系統也會限制大容量硬盤
Windows XP優化專題
游戲、QQ兩不誤
面向搜索引擎的廣告模式
保障QQ安全的七條建議
懷舊:最古老的100個.com域名
建立屬于自己的Word模板
巧用Word 2000實現文字圖片..
極限瘦身:讓MP3文件更小一些
教你一招 30秒清除Windows..
PS:數字暗房巧為照片美容
“小管家”助我輕松管理MP3(上)..
巧用Ghost破解微軟安全保護
休閑娛樂:QQ聊天中的幾種笑法
離線了讓QQ自動回復自定義表情
搬走中國電子商務的三座大山
推廣網店的 14個秘訣
中國電子商務發展的兩個最新動向
不上你的網站的50個原因
 熱門文章
 
 保存網頁圖片的八種方法 (53651)
 我的QQ 我的信息中心 (47801)
 2006年值得關注的十個web2.0網站 (39840)
 用OE郵件發短信不再是夢想! (37681)
 傳統商務與電子商務的區別 (11449)
 讓Windows序列號原形畢露 (11033)
 近一年來RSS和Blog已逐漸成為互聯網發展的新潮流 (9451)
 如何讓搜索引擎收錄新網站 (8452)
 在Word中輸入乘號和除號的幾種方法 (7511)
 IE6用戶如何升級到IE7.0瀏覽器版本 (7493)
 更換開機畫面 Win XP開機畫面隨我定 (7295)
 Ping命令的使用技巧 常用網絡命令使用技巧詳解 (6596)
 如何保持網站排名課程記錄 --  電子商務網原創 (6496)
 智能ABC輸入法中的使用技巧 (6343)
 抓就要抓最清晰的圖片 (6210)
 最近更新
 
 保存網頁圖片的八種方法 (8月1日)
 我的QQ 我的信息中心 (8月1日)
 2006年值得關注的十個web2.0網站 (8月1日)
 用OE郵件發短信不再是夢想! (8月1日)
 傳統商務與電子商務的區別 (8月1日)
 讓Windows序列號原形畢露 (8月1日)
 近一年來RSS和Blog已逐漸成為互聯網發展的新潮流 (7月21日)
 如何讓搜索引擎收錄新網站 (8月14日)
 在Word中輸入乘號和除號的幾種方法 (8月1日)
 IE6用戶如何升級到IE7.0瀏覽器版本 (12月28日)
 更換開機畫面 Win XP開機畫面隨我定 (8月1日)
 Ping命令的使用技巧 常用網絡命令使用技巧詳解 (8月1日)
 如何保持網站排名課程記錄 --  電子商務網原創 (8月15日)
 智能ABC輸入法中的使用技巧 (8月1日)
 抓就要抓最清晰的圖片 (8月1日)
 文章搜索
 
搜索選項:            
  → 評論內容 (點擊查看)
(沒有相關評論)
  → 發表我的評論
您的姓名:  您的E-mail:

評論內容:
發表評論:  
   電子商務網每日推薦文章: [原創]橋頁之我見! 2019/8/24
    注:本文中所說的搜索引擎只是使用蜘蛛爬蟲自動收錄的搜索引擎,不包括需要人工審核的收錄搜索引擎。
    橋頁是一個簡單的頁面,是一個專門針對搜索引擎專門定制的頁面,他本身并沒有什么別的實際內容,僅僅是一大堆包括關鍵字的詞語或者短文和外鏈(沒有任何的內鏈)。橋頁可以集中一整頁的優勢去優化另一個相對重要的頁面,也可以制作一個非常適合某一搜索引擎收錄胃口的頁面獲得比較好的排名,然后讓其集中指向另外一個域名,從而達到優化該域名的目的。正因為此,也一度成為優化網站提高排名的重要手段之一。
    由于以前的橋頁僅僅是依靠一個專門的橋頁軟件生成一大堆包括關鍵字的純文本網頁,當用戶點擊搜索出的結果時,然后在這些網頁中做自動的跳轉,把用戶轉接到另外一個主頁上,或者在橋頁上放置一個連接,讓用戶自己點擊。而這往往并非用戶和搜索引擎所想要的東西,大家可想而知,這種方法對用戶以及搜索引擎本身的傷害,所以搜索引擎曾對這種頁面進行過大范圍的刪除和整改。而最近橋頁死灰復燃,現在的橋頁也已經和以前的橋頁有了本質的區別。以前的橋頁是沒有人工進行干預的,而現在的橋頁都是經過專門的針對關鍵字而寫出來的文章或詞匯,本質上已經不是橋頁了,我稱其為橋頁的升級版,或叫超橋頁。因為其加入了人為的干預,使其更具有了專業性和針對性。然后在這些關鍵字中做連接,將用戶引導到自己的主頁上,目的是希望以不同關鍵字來分別優化不同的頁面,來提高網站的流量。......查看詳細內容
關于我們 ┋ 網站留言 ┋ 電子商務網成員網站 ┋ SEO培訓基地 ┋ 地圖 ┋ SEO培訓 ┋ 管理 ┋ TOP
合作站點: 杰晶網絡 | 建材互聯 | Herbal | 淘寶優惠券 | 中國保健品網 | OilPainting | NHE | 杰米世界 | 南強新網
電子商務網 網絡營銷顧問:杰晶網絡 版權所有
Copyright © 2006 ECSoon.com All Rights Reserved
拳皇98登陆 出门了赚钱的可爱图片 像九游游戏平台赚钱 侠盗猎车警车怎么赚钱 gta3赚钱送披萨 如何利用游戏赚钱吗 怎么靠优惠券赚钱 跑快车跑顺风车那赚钱 现在哪个理财赚钱快 做小酒代理赚钱吗 百度经验下班赚钱 不想出去打工怎么赚钱 豆瓣阅读的 赚钱 之路 赚钱达人是不是骗人的 代理轮胎赚钱吗 超火的斗地主赚钱 粉钢丝赚钱吗