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

所属分类: 网页制作 / CSS 阅读数: 1302
收藏 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入门教程:计算CSS盒模型宽和高

 出处:当我们布局一个网页的时候,经常会遇到这样的一种情况,那就是最终网页成型的宽度或是高度会超出我们预先的计算,其实就就是所谓的CSS的盒模型造成的。 #test{margin:10px;padding:10px;width:100px;height:100px;}
收藏 0 赞 0 分享

在IE流览器中正确显示PNG透明图片

  png图片有很好的品质。阴影效果也不会有杂边,很流畅。如果插入网页的话可以给网站内容增色不少!更重要的是在不增加图片容量大小的情况下提高了页面的图片的质量。对于有复杂背景,如:在有颜色过度背景上插入不规则边框的图片带来极大很便利!   但目前IE中对于插入
收藏 0 赞 0 分享

CSS教程:DIV底部放置文字

  css对文字的布局上没有靠容器底部对齐的参数,目前使用的一个不错的方法也比较好.就是用position属性来解决,看下面的代码,用position的相对和绝对定位功能也轻松的实现了,文字靠近div低部对齐,并且靠近的距离还可以精确到像素,自己可以调节,是不是很不错呢?
收藏 0 赞 0 分享

如何用CSS让文字居于div的底部

  这个问题是别人提出的,因为css对文字的布局上没有靠容器底部对齐的参数,(或许有但是我没有发现)不过目前我使用的一个不错的方法也比较好.就是用position属性来解决,看下面的代码,我用position的相对和绝对定位功能也轻松的实现了,文字靠近div低部对齐,并且靠近
收藏 0 赞 0 分享

从A页面连接到B页面后并直接把B页面的隐藏层显示

  这个效果实现的是,在B页面里有两个层,一个显示层,我们暂定名c层,一个是隐藏层,我们暂定名d层,单独进B页面的时候,c层显示,d层隐藏,然而从A页面连接到B页面的时候,则是让d层显示,c层隐藏,我觉得这个效果对网页设计者以后会有很大帮助,现在把代码发出来,
收藏 0 赞 0 分享

CSS样式表定义标签li前面样式

定义LI前面的小点样式 view plaincopy to clipboardprint? 语法: list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lowe
收藏 0 赞 0 分享

符合标准的div css制作的弹出菜单

本文介绍了五款符合标准的div css制作的弹出菜单,而且不含有js的. NO.1最基本的:二级dropdown弹出菜单 <!DOCTYPE html PUB
收藏 0 赞 0 分享

CSS实现在文章每段后面加入带连接的隐藏文字

代码主要理解3个参数:createElement、createTextNode、appendChild。这3个js参数分别是创建元素、创建字符、追加节点。代码原理:循环页面段落标签<p>,创建连接元素<a>,创建要显示的连接字符,用SetAttribute
收藏 0 赞 0 分享

CSS:浏览器特定选择器介绍

当你想在一个浏览器里改变样式而不像在其他浏览器中改变时,这些选择器很有用。 IE6以下 *html{} IE 7 以下 *:first-child html {} * html {} 只对IE 7 *:first-child html {} 只对IE 7
收藏 0 赞 0 分享

WEB标准学习,认识两种网页声明的含义

即网页标准推出来以后,我们时常会看到两种不同的网页的声明,一个是Dhtml,一个是Xhtml。如下所示: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "ht
收藏 0 赞 0 分享
查看更多