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

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

2020/5/28  電子商務網  瀏覽選項:    本文已被瀏覽 1413 次
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瀏覽器
→ 主題所屬分類:  計算機技術 → 軟件頻道 → 『關閉窗口』
小工具大作用 妙用音量控制程序
在Win XP中關閉部分服務(1)..
超級兔子教你做快樂影音
在Word中輸入乘號和除號的幾種方法
挽救意外損壞的Excel文檔
MP3音樂試聽有竅門
Windows系統故障簡單恢復技巧
Foxmail驚曝遠程安全漏洞!
只有70K的QQ 還能查隱身!
Windows 98下的安全模式 ..
無所不能攻略之百度搜索引擎
方便快捷:網絡同步IE收藏夾攻略
換種方式賺錢致富(二)
在Word中快速定制頁面絕招
電子商務的特點和發展
精美汽車壁紙一 酷!精美汽車壁紙(..
MSN Messenger忌諱用法..
注冊表損壞之癥狀和修復
巧用壓縮軟件提取圖片
比目前下載工具快7倍的軟件
新功能搜索(一) 騰訊最新免費服務..
精彩收藏夾隨身QQ帶
Excel輸入分數的六種方法
QQ服務器故障導致無法登錄
連接的階段作用和選擇!
PS技巧:輕松去漂亮美眉身體疤痕(..
電子商務網站的用戶管理模式研究
隱藏QQ攝像頭 避免惡意視頻聊天請求
金山毒霸6的三大另類用法
讓你的QQ排在第一位
網站親和力表現:讓你的網站成為大眾..
找機器人MM聊天 酷招:讓你的MS..
Word XP也玩圖片處理
微軟IE瀏覽器非常規修改攻略
QQ失竊的幾種形式 QQ安全寶典:..
系統為何無法識別USB鍵盤和鼠標
另類方法恢復雙啟動菜單
經驗之談:如何做一個受歡迎的QQ群..
先來五招 讓計算機啟動更快十五招
MyIM 2004新特性 一 My..
網絡營銷:先做公關,再做廣告
刻錄光盤加密大法
輸入標準的簡寫中文數字“○”的六種..
快速顯示文件詳細信息
沒電腦也看FLASH 將FLASH..
 熱門文章
 
 保存網頁圖片的八種方法 (53550)
 我的QQ 我的信息中心 (47774)
 2006年值得關注的十個web2.0網站 (39712)
 傳統商務與電子商務的區別 (11521)
 讓Windows序列號原形畢露 (10922)
 近一年來RSS和Blog已逐漸成為互聯網發展的新潮流 (9296)
 如何讓搜索引擎收錄新網站 (8323)
 如何保持網站排名課程記錄 --  電子商務網原創 (7582)
 在Word中輸入乘號和除號的幾種方法 (7369)
 IE6用戶如何升級到IE7.0瀏覽器版本 (7214)
 更換開機畫面 Win XP開機畫面隨我定 (7114)
 Ping命令的使用技巧 常用網絡命令使用技巧詳解 (6478)
 智能ABC輸入法中的使用技巧 (6164)
 抓就要抓最清晰的圖片 (6148)
 微軟推免費文件夾加密軟件 (5960)
 最近更新
 
 保存網頁圖片的八種方法 (8月1日)
 我的QQ 我的信息中心 (8月1日)
 2006年值得關注的十個web2.0網站 (8月1日)
 傳統商務與電子商務的區別 (8月1日)
 讓Windows序列號原形畢露 (8月1日)
 近一年來RSS和Blog已逐漸成為互聯網發展的新潮流 (7月21日)
 如何讓搜索引擎收錄新網站 (8月14日)
 如何保持網站排名課程記錄 --  電子商務網原創 (8月15日)
 在Word中輸入乘號和除號的幾種方法 (8月1日)
 IE6用戶如何升級到IE7.0瀏覽器版本 (12月28日)
 更換開機畫面 Win XP開機畫面隨我定 (8月1日)
 Ping命令的使用技巧 常用網絡命令使用技巧詳解 (8月1日)
 智能ABC輸入法中的使用技巧 (8月1日)
 抓就要抓最清晰的圖片 (8月1日)
 微軟推免費文件夾加密軟件 (8月1日)
 文章搜索
 
搜索選項:            
  → 評論內容 (點擊查看)
(沒有相關評論)
  → 發表我的評論
您的姓名:  您的E-mail:

評論內容:
發表評論:  
   電子商務網每日推薦文章: BLOG作弊案例分析(電子商務網原創) 2020/5/28
    本文為電子商務網原創案例分析,由于技術已經涉及搜索引擎作弊,所以不推薦使用只做案例分析使用,請注意。!
     1、首先到GOOGLE搜索關鍵字排名靠前的BLOG(想在什么排名就在什么搜索引擎上搜索,因為每個搜索引擎對BLOG的喜好度不一樣)
     2、搜索關鍵字排名中前幾名的BLOG,排名靠前的BLOG常理分析應該是搜索引擎比較喜歡,而且也是比較容易被收錄的BLOG,有條件的可以多搜索一些!......查看詳細內容
關于我們 ┋ 網站留言 ┋ 電子商務網成員網站 ┋ SEO培訓基地 ┋ 地圖 ┋ SEO培訓 ┋ 管理 ┋ TOP
合作站點: 杰晶網絡 | 建材互聯 | Herbal | 淘寶優惠券 | 中國保健品網 | OilPainting | NHE | 杰米世界 | 南強新網 | 十大建材品牌 | 建材市場 | 新聞熱點 | 建材百科
電子商務網 網絡營銷顧問:杰晶網絡 版權所有
Copyright © 2006 ECSoon.com All Rights Reserved
拳皇98登陆 7m篮球比分直 掌心福州麻将官方版下载 河北福彩排七开奖结果 福州按摩技师 微信捕鱼送分 天空棋牌游戏中心? 预测青海十一选五开奖结果 河北11选5推荐专家预测 信誉棋牌捕鱼 安徽快3跨度遗漏 澳洲幸运5走势澳洲幸运5走势图 足球比分手机版 股票买卖交易规则 单机四川麻将血战免 极速快三官方开奖结果 排列三和值走势图