事实上，在使用DREAMWEAVER等软件进行网页设计制作时，就开始使用WEB标准技术。在DREAMWEAVER或其他网页编辑器的环境中进行网页设计，实际上是由这个网页编辑器在为我们自动编写着WEB标准中的各个技术的代码段。然而虽然我们一直在使用编辑器或其他手段进行WEB标准的书写，但并不意味着作出网页时符合标准的。真正符合标准的网页设计是指能够灵活使用WEB标准对WEB内容进行结构、表现与行为的分离——即表现与内容分离的技术。
表现与内容分离技术是目前WEB标准制定的核心目的。
● 内容是指具体的信息，仅仅表示信息正文，正文通过XHTML结构化语言被标记为各个独立部分，如左分栏、右分栏、新闻列表等。
● 表现是指信息的展示形式，如对字号、字体、排版的设计称之为表现。使用表现与内容分离技术的好处主要在几个方面。
高效率的开发与简单的维护
在网站的设计过程中，对于开发人员来讲最希望的就是高效开发与简单维护，也这是网站的开发与运营成本的关键所在。由表现与内容分离所带来的高效开发是指通过内容与表现的分离技术，可以使具体内容与样式设计分离开来，并使得同一个设计可以重复使用，当定义界面上某一个元素的设计样式后，通过设计与内容的分离，可以将这段设计样式代码重用于另一个信息内容之中，直接应用或继承这段代码进行扩展，做到重用的目的，可以减少重复代码，加快开发效率。而这种重用的手段在维护中同样可以起到事半功倍的作用，通过修改同一个代码，可以使得重用这段代码的所有区域同时改变样式设计，使维护简单高效，更值得注意的是，由于内容与表现分离，是的样式设计人员可以专注于样式的表现而不用重复定义样式内容，在可读性和维护性上都得到极大的提高。
信息跨平台的可用性
通过将内容与设计进行分离，我们可以使得信息实现跨平台访问，由于内容与设计已经分离，我们可以针对其他设备进行样式上的替换设计，如针对掌上电脑或游戏机终端，我们只要替换一个样式设计文件即可使另一种设备上拥有不同样式的表现，以适应不同设备的屏幕，而我们的内容本身是不需要改变的。
降低服务器成本
通过样式的重用、整个网站的文件量可以成倍的减小，使得降低服务器带宽成本成为可能。特别是对大型门户网站，网页数量越大，意味着重用的代码数量越多，从而使得同一时间服务器的数据访问量降低，降低带宽使用。
相关链接
在国外众多网站已经从符合WEB标准的设计中尝到了甜头，包含mp3.com在内的许多知名网站，通过使用WEB标准的网站设计，从服务器成本中省下了大笔的金钱投入到其他服务中。对于大型网站而言，网页代码量减小一半则意味着其所需要的服务器网络带宽可以缩减一半，一个日访问量上千万的网站，这笔费用是不可小视的，国内的众多门户网站往往安置了数百台服务器用于文件镜像及各种服务以满足数以亿计的网民的需求。但如果带宽能减少一半或者是三分之一，也能减少近一半的服务器数量即可满足网民的需求，从经济角度上看是不可忽视的，带给大型网站的将是数以百万元的流量费用节省。
便于改版
对于经常改版的网站来说，使内容与设计进行分离使得改版的成本大幅降低，每次改版只需要改动样式文件即可，而不需改变信息内容。使得改版技术难度与实施周期都得到降低。
加快网页解析速度
一些测试表明目前通过这种内容与设计分离的结构进行网页设计，使得浏览器对网页的解析速度大幅提高，相对于老式的内容与设计混合编码而言，浏览器在解析中可以以更好的解析方式分析结构元素与设计元素，良好的网页浏览速度使得用户的浏览体验得以提升。
与未来兼容
已经将内容分开，不用再担心未来的技术变革，无论是结构或是设计，都可以随时替换与修改，不需要再在混杂着信息与设计的代码中进行修改。
更好的用户体验
表现与内容分离的技术要求我们充分理解网站信息的具体构成以及如何使设计好的样式可以重用，使我们在制作网站时能充分地对网站的内容、设计统一性、可用性进行思考与设计，从而提高网站的可用性，改善用户体验。
符合Web标准的网站设计还有更多优势，在使用web标准进行开发的过程中，将能够逐步感受到，众多企业在选择web标准进行开发的事实更加证明了其价值。
目前web标准已开始普及并成为一种趋势，符合web标准的网站设计正在潜移默化地改变着我们的浏览体验，也改变着企业在日益增长的互联网业务上的表现方式。

转载于:https://blog.51cto.com/echorightcss/62365

WEB标准有什么好处？相关推荐

  1. 采用web标准开发的好处

    1.   节约运营成本 2. 用户友好性 3.  内容跨平台的可用性 通过将内容与设计进行分离的方法,可以使信息以较低的成本实现跨平台的转换. 4.  加快页面解析速度 通过实验测试证明,采用内容与设 ...

  2. Web标准概念--摘抄《CSS布局实录》

    前言 对于日常的很多事情,我们并没有注意到这背后都有着一个隐藏的"因素"在起作用,这个因素就是:标准. 生活中各行各业都有着自己相应的标准与规范,标准可以方便交流.促进协作.提高效 ...

  3. WEB前端开发经验总结--WEB标准篇

    很久没有写文章,最近一直在忙于找工作和找房子.哎,现在终于安定下来了,哎,又叹息一下,是因为我把去淘宝面试的机会也推掉了,本来以为要卷铺盖回武汉了,哎,不提了,很对不起小马哥,也很对不起自己啊! 现在 ...

  4. web标准三个要素 此标准的好处

    web标准的三个要素 结构(Structure) 表现(Presentation) 行为(Behavior) 结构 表现 行为 web标准的制定 Web标准不是某一个标准,而是由W3C组织和其他标准化 ...

  5. web标准的商业价值

    web标准的商业价值 作者:阿捷 2004-7-3 0:37:26 原文来自:adaptivepath.com 作者介绍:Jeffrey Veen是AdaptivePath.com的合伙人之一,专门研 ...

  6. web标准的投资回报

    web标准的投资回报(ROI) 作者:阿捷 2004-7-6 0:17:49 原文作者:D. Keith Robinson 原文出处:asterisk 原文发表时间:2004年6月1日 用web标准开 ...

  7. 初学web标准的几个误区

    初学web标准的几个误区 作者:阿捷 2004-7-7 11:37:11 非常高兴地看到很多设计师开始关注和尝试使用web标准制作网页.但从网友们的问题和制作中发现几个问题,在这里特别提醒一下: 1. ...

  8. 读WEB标准和网站重构后的一些感想

    这是我以前写的一篇博客, 感觉比较有用,原帖离得较远,在这转一下........... 昨晚,读了<<WEB标准和网站重构>>这一篇文章后(其实是一个讲座的文件),感触还是比较 ...

  9. [转]web标准的几个误区

    非常高兴地看到很多设计师开始关注和尝试使用web标准制作网页.但从网友们的问题和制作中发现几个问题,在这里特别提醒一下: 1.不是为了通过校验才标准化. web标准的本意是实现内容(结构)和表现分离, ...

最新文章

  1. php 数组合并_PHP数组常用函数分类整理
  2. iOS 更改项目名称
  3. charles抓包出现乱码 SSL Proxying not enabled for this host:enable in Proxy Setting,SSL locations...
  4. 华为nova8系列获得3C认证：搭载66W超级快充怒追Mate40
  5. 自动填写html文本框的值,网页自动填表——文本输入框及多行文本输入框
  6. 生物信息学软件_高通量测序技术|生信的发展，常用数据格式及分析软件
  7. C#使用欧姆龙PLC的Fins协议读写PLC地址(示例调用)
  8. iOS tableview的第二页数据刷新特定某个cell数据的解决办法
  9. idea debug报错无法调试 Disconnected from the target VM
  10. 刚体运动中的坐标变换-旋转矩阵、旋转向量、欧拉角及四元数
  11. PHP 数据类型划分（8种）、获取数据（变量）的类型函数、单引号和双引号的字符串区分转义符、定界符、拓展
  12. 50+常用的广告联盟术语 （常用缩写）
  13. 获取短信验证码倒计时，非常简单
  14. STM32F103详细频率测量过程
  15. 生活随记 - 金子总会发光
  16. 【幻灯片动画制作软件】Focusky教程 | 用图片创建新工程
  17. exif.js html图片旋转,exif获取图片旋转角度
  18. 国办新发文 加快扩大电子证照应用领域及推出全国互通互认
  19. 360wifi linux ad hoc,360随身wifi支持Windows XP下ad-hoc模式吗
  20. 世界是平的，都是骗人的

热门文章

  1. webpack基础教程：（二）
  2. linux系统监控、诊断工具摘录top IO wait lsof
  3. RDL报表制作和发布
  4. Q96：PT（3.5）：木纹纹理（Wood Texture）
  5. 40vf什么意思_LED 的基本术语VF、IV、WL、IR 解释及光通量换算关系
  6. 如何选择合适的数据可视化BI工具
  7. 大数据分析的价值体现
  8. 数据可视化大屏分析流程是怎样
  9. 大数据分析平台在企业运营中的作用
  10. python 读取文件到字典读取顺序_Python用list或dict字段模式读取文件的方法