加入收藏
 地图
 用户登陆
 帮助中心
电子商务 SEO动态 SEO技术 SEO软件 SEO推荐 网站留言 SEO用户 SEO专栏 电子商务   SEO培训
今天是:2019年4月19日 星期五   您现在位于: 首页 →  SEO技术 → 计算机技术(软件频道)

网页设计中HTML常范的五个错误

2019/4/19  电子商务网  浏览选项:    本文已被浏览 1404 次
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浏览器
→ 主题所属分类:  计算机技术 → 软件频道 → 『关闭窗口』
网上开店偷税漏税者多,委员建议对其..
创建Google关键词广告的12高招
谁说临时文件皆垃圾
上网遇到恶意网页时的现象及处理办法
安装多个操作系统新法
十大暴利行业成本曝光
小心:远程破解盗窃QQ密码内幕
IPTV将促进宽带接入发展
Word应用技巧之“福到了”
拨号上网必学的几招安全技巧(上) ..
eBay吃下Skype 马云不觉V..
DEP让你从硬件级别保护系统安全 ..
注册表修改深入技巧
发明文身彩贴 赚到第一桶金
“流”感,大家注意啦!
网上开店备案办法出台 2000多万..
在Win XP中查找被加密的文件
Google Picasa图片处理..
在PowerPoint中插入视频的..
WEB2.0网络行销的四大类型
任泉角色转换 成明星开店佼佼者
2006年度中国IPTV十大新闻出炉
超高清晰电影寻觅及下载技巧汇集(1..
内网安全技术十大策略
终极拨号上网加速技巧谈
中国个人网站研究之手机之家
指定Win XP中启动项目的顺序
BitSpirit智能化的BT下载..
Messenger Plus 3!..
搜索引擎的类型
进程说明(上) Win 2000系..
快速克隆对方QQ好友使用的文字格式
打造适用所有电脑的Windows封..
网页插件,让我欢喜让我忧 拒绝被玩..
功能特点 互助下载—BitTorr..
清除IE浏览器的安全口令
搜索引擎优化技巧
2月壁纸精选(1) 2005年2月..
Windows2000/XP下如何..
速度超快的Opera [原创]软件..
QQ被盗的形式及密码保护技巧
如何构建整体安全方案(上) 如何构..
中小花草企业怎样实施电子商务
不走传统通路 外贸网店坚持低端
系统慢?任务管理器显神通
 热门文章
 
 保存网页图片的八种方法 (53472)
 我的QQ 我的信息中心 (47644)
 2006年值得关注的十个web2.0网站 (39617)
 用OE邮件发短信不再是梦想! (26467)
 传统商务与电子商务的区别 (11232)
 让Windows序列号原形毕露 (10853)
 近一年来RSS和Blog已逐渐成为互联网发展的新潮流 (8269)
 如何让搜索引擎收录新网站 (8235)
 在Word中输入乘号和除号的几种方法 (7320)
 IE6用户如何升级到IE7.0浏览器版本 (7171)
 更换开机画面 Win XP开机画面随我定 (7059)
 Ping命令的使用技巧 常用网络命令使用技巧详解 (6369)
 智能ABC输入法中的使用技巧 (6110)
 抓就要抓最清晰的图片 (6024)
 如何保持网站排名课程记录 --  电子商务网原创 (6020)
 最近更新
 
 保存网页图片的八种方法 (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日)
 智能ABC输入法中的使用技巧 (8月1日)
 抓就要抓最清晰的图片 (8月1日)
 如何保持网站排名课程记录 --  电子商务网原创 (8月15日)
 文章搜索
 
搜索选项:            
  → 评论内容 (点击查看)
(没有相关评论)
  → 发表我的评论
您的姓名:  您的E-mail:

评论内容:
发表评论:  
   电子商务网每日推荐文章: Google补充材料形成的原因 2019/4/19
    我们在Google中进行搜索时,如果搜索结果比较少,有时候会发现有的网页后面被标记为“补充材料”(Supplemental Result)。补充材料是什么东西呢?Google在Google向网站管理员提供的信息高级问题里是如此定义补充材料的:
    补充网站是Google辅助索引的一部分。对辅助索引进行抓取的限制少于主要索引。例如,一个网址的参量可能使该网站无法被抓取到主要索引中,但仍可能被抓取到我们的补充索引里。
    将网站包括其中的索引是完全自动的,没有任何方式可以选择或更改您网站的索引。请放心,包含网站的索引不会影响该网站的PageRank。
    根据Google的说法,作为补充材料的网页,只是一种辅助、补充的索引,并不作为主要索引。也就是说,这些网页并非在Google的主数据库中,而是在辅助数据库中。一般情况下,当我们在Google进行搜索时,他展现给我们的结果,是主数据库中的网页,并非辅助数据库中的网页。由此可以得出结论,作为补充材料的网页,在Google的表现会非常非常的差。
    根据yoo的观察,作为补充材料的网页,被Google爬虫爬行的间隔时间非常长,很多时候几个月、甚至半年都不会被Google爬虫造访,严重影响网页在Google数据库中的更新。同时这些网页的排名非常差,只有在搜索结果很少的时候,才会被Google列出来。一般情况下,根本无法在搜索结果里看见这些网页。......查看详细内容
关于我们 ┋ 网站留言 ┋ 电子商务网成员网站 ┋ SEO培训基地 ┋ 地图 ┋ SEO培训 ┋ 管理 ┋ TOP
合作站点: 杰晶网络 | 建材互联 | Herbal | 淘宝优惠券 | 中国保健品网 | OilPainting | NHE | 杰米世界 | 南强新网
电子商务网 网络营销顾问:杰晶网络 版权所有
Copyright © 2006 ECSoon.com All Rights Reserved