学习web标准的十个重要理由总结

所属分类: 网页制作 / CSS 阅读数: 1345
收藏 0 赞 0 分享
对于已经使用web标准的web专业人士,当你需要很好的论据的时候这份清单可能可以派上用场,并且随意添加任何你所想到的好处。

1. 让自己看起来更专业

其他web开发者和潜在的雇主将可以看看你的工作,知道你一个喜欢跟上技术的变化的人,并确保你的知识和技能的总是最新的。它将使你像一个真正的web专业人士。

2. 让你的客户看好

使用web标准和可访问性相结合的最佳做法,让你的客户有机会谈论他们如何满足所有的人,以及他们如何发现重要的是,每个人都可以使用他们的服务或了解他们产品的信息。 你也避免由于将残疾人,Mac用户和移动手机用户等访问者拒之门外所带来的负面影响。

3. 最大限度的潜在客户人数

你不知道访问者将使用什么设备来访问你的网站。你可能认为你知道,但除非你为一个规定使用某种浏览器的公司搭建一个内联网。

你唯一可以相当肯定的是,他们使用的是一个可以解析的HTML的东西。 通过使用Web标准你可以相当肯定,你所做的使你的网站在尽可能多的浏览设备上工作。

你不知道访问者将使用什么设备来访问你的网站。你可能认为你知道,但除非你为一个规定使用某种浏览器的公司搭建一个内联网。你唯一可以相当肯定的是,他们使用的是一个可以解析的HTML的东西。 通过使用Web标准你可以相当肯定,你所做的使你的网站在尽可能多的浏览设备上工作。

4. 更快的加载和减少带宽的使用

结构良好的标记从表现中分隔的结构和内容,一般比使用表格和间隔图片的标记更加紧凑。 文件更小并且使用户下载更快。 无论怎样,仍然有很多,通过拨号连接到互联网上的人。

如果您的网站托管计划在免费带宽使用上受限制,较小的文件,将降低成本—提供的流量不会增加。

5. 为可访问性提供基础

使用Web标准并不能保证您网站的所有方面会使得残疾人士可访问,但它是一个很好的开始。 确保您的文件是有效的,结构合理和语义化,那你就是在通往拥有一个可访问的网站的路上。

6. 提高搜索引擎排名

通过提供干净,结构良好,和语义化标记的写得很好的内容是搜索引擎蜘蛛的美味食物,并会帮助你提升排名。当然,这将会增加的流量,这正是大多数网站拥有者所希望的。

7. 让你的标记易于维护

当你需要更新你的网站的时候,你会喜欢费力的使用许多以数千字节倍增的表格和嵌套间隔图片还是只是使用干净的及结构良好的浏览文件?

删除,插入或修改无表现内容比不得不保证你的所有不整齐的部分正确表现要更容易,更有效。使用CSS来控制布局使整个网站的设计变更容易。

8. 面向未来的内容

目前任何人都不可能100%的把握保证,今天这些以电子形式创建和储存的文件在百年后仍可读。甚至五十年。但是如果你从表现中分离内容,并使用当前的Web标准,尽你所能做到最好以确保即使你不在的时候你的内容仍然可读。

9. 良好的商业意识

为什么还会有企业主说,没有更多的访问者?一个更快的网站?改进的搜索引擎排名?潜在很好的宣传?这是没有道理这样做。

10. 这是处事的最好方法

Web标准方法是我们应该从一开始建立网站就采用的方式。现在我们为何不以正确的方式做一些事,并有一个真正极好的理由对自己感觉良好。

英文原文:Ten reasons to learn and use webstandards

中文原文:学习和使用web标准的十大理由

更多精彩内容其他人还在看

CSS配合JavaScript做酷的动态页面效果

  利用CSS配合JavaScript的可以做很多更酷的动态页面效果,在本教程的最后给大家简单介绍一下CSS配合JS的应用。首先,要搞清楚事件和动作的概念。在客户端脚本中,JavaScript 通过对事件进行响应来获得与用户的交互。例如,当用户单击一个按钮或者在某段文字上移动鼠标
收藏 0 赞 0 分享

WEB标准,Web前端开发工程师必备技术列表

  想要打造并拥有一流的Web产品开发团队,在团队成员基础能力上一定要下功夫。对于Web前端产品开发来说,仅仅掌握Web1.0时代简单的"网页套接"是完全不够的。我结合自己的团队配备,特此罗列了Web前端产品工程师所涉及的技能列表如下:   通过许多实际项目,
收藏 0 赞 0 分享

用CSS制作Alpha滤镜测试板

alpha滤镜给制作网页特效提供了较大的创作空间,但由于它控制参数较多,在实际应用时,为了确定一组合适的参数值,不得不反复调整修改,在编辑窗口和预览窗口来回倒腾,甚是麻烦,本文介绍了一种简单的方法。制作一个“Alpha滤镜参数测试板”,在测试板上输入参数
收藏 0 赞 0 分享

非常流行的所谓的气泡窗口

普通的Alt无法自定义风格,而Sweet Titles通过JS脚本与CSS的集合.自定义了这种伪Alt风格. 前一段时间非常流行的,就所谓的气泡窗口(鼠标移到链接处出现的). 我们这里实现的用的是Sweet Titles的插件.显示效果完全由CSS控制.. 先下载Sweet Ti
收藏 0 赞 0 分享

CSS教程:li和ul标签用法举例

LI代码的格式化: A).运用CSS格式化列表符: ul li{ list-style-type:none; } B).如果你想将列表符换成图像,则: ul li{ list-style-type:none; list-style-image: url(/blog/images/
收藏 0 赞 0 分享

CSS教程:CSS中的定位(position)

  使用CSS来定位页面内层的位置,一直是比较难以掌握的事情,很多时候,往往被绝对定位的元素,总是以浏览器的左上角为坐标原点,此时,如果浏览器的大小改变,被定义的层就会偏离设计想要的位置,让人很挠头。   其实,要想控制好层的绝对定位,只要理解CSS中关于定位
收藏 0 赞 0 分享

CSS教程:盒模型(BOX Model)

  如果想熟练掌握DIV和CSS的布局方法,首先要对盒模型有足够的了解。每个HTML元素都可以看作一个装了东西的盒子,盒子里面的内容到盒子的边框之间的距离即填充(padding),盒子本身有边框(border),而盒子边框外和其他盒子之间,还有边界(margin),如图1所示。
收藏 0 赞 0 分享

无延迟翻滚的图形与CSS混合风格按钮

  在一个具有图形背景的按钮中添加CSS风格的文本,这种建立按钮的方法结合了具有CSS翻滚(CSS rollover)标记的开发速度和效率,从而有效地提高按钮外表图像的三维效果。   相比于常规的图形按钮,这些图形/CSS混合按钮可易于建立和载入,因为你只需要为空白按钮外面
收藏 0 赞 0 分享

css里expression实现界面对象的批量控制

用过css样式我们就知道, 可以定义一批对象的class属性来指定同一个样式来统一界面. 但如何统一同类型的对象的事件? 比如:界面有无数个 <img src="**.jpg"> 如何实现鼠标经过此图片, 图片的src变成是**_over.jpg?
收藏 0 赞 0 分享

CSS教程:水平对齐(text-align)

  水平对齐(text-align),用以设定元素内文本的水平对齐方式。   1.语法   text-align具体参数如下: 语法:text-align:left|right|center|justify 说明:设定元素内文本的水平对齐方式。 参数:left:左
收藏 0 赞 0 分享
查看更多