web标准
仔细看看所有的前端招聘要求,几乎所有的都要求对web标准有深刻的理解。
web标准,是一系列标准的集合。对前端来说,因为网页是由结构、表现和行为组成。对应的就有结构化标准语言,主要包括XHTML和XML;表现标准语言主要包括CSS;行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由W3C组织(什么是W3C组织)起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(European Computer Manufacturers Association)的ECMAScript标准。其主要内涵就是行为、表现、结构、相分离,便于资源管理利用等等。此外,web标准还包括http标准、代码标准、跨域标准等等
遵循web标准的网页具有广泛的优点:
1.网页的结构清晰,便于搜索引擎抓取页面,提高网站排名;
2.文档下载和页面的显示速度更快;
3.能够适应更多地用户代理访问网页,包括残障人士利用屏幕阅读器等访问页面;
4.代码结构更清晰,便于网站的维护,以及开发人员之间的交流;
5.提供打印版本而不需要复制内容;
另外web标准中重要的一点是web语义化,也即是html语义化。拥有良好web语义化的网页,主要表现在三个方面:可用性、可维护性和可访问性。前两个方面好理解,但可访问性有点难懂。
首先可用性好是指产品容易被用户使用,用户能够使用产品高效率,高质量的完成任务。同时用户在使用产品的时候,其主观感受较好。也就是说可用性是从用户的角度看网站的,可用性越好,用户就会觉得产品质量高。所以企业开发网站时应该高度重视用户的体验,提高竞争力。
其次可维护性好是指网站出现错误时,快速定位问题所在的成本较低;另一方面是指网站的代码易于理解,便于后继的开发人员能够方便的增强网站的功能。可维护性愈好,网站的可持续发展就越好。
最后说一说可访问性,它是指网站能够兼备残障人士阅读网页的困难,所以开发人员要考虑到各种用户代理。另外如果网站也要照顾到用户在使用产品时的周边环境是否吵杂,光线是否暗淡等。搜索引擎能够较容易的访问到网站。实现可访问性的方法有:(1)逐步增强网站的功能,运用“渐进增强”、“平稳退化”的方式来开发网站。(2)允许用户关闭不想用的增强功能。(3)提供相同功能的替代产品。(4)多向客户寻求建议,并给用户一些建议。可访问性网站(也即是拥有良好web语义化的网站)的良好特征:(1)有视觉障碍的人可以通过屏幕阅读器的辅助工具来访问页面;(2)搜索引擎能较为容易的抓取页面,提高网站排名,增加网站的访问流量(3)便与团队的合作,代码维护、能够使网站可持续的运作。
为什么要web语义化:
1.为了在没有CSS的情况下,页面也能呈现出很好地内容结构、代码结构;
2.用户体验:例如title、alt用于解释名词或解释图片信息、label标签的活用;
3.有利于SEO:和搜索引擎建立良好沟通,有助于爬虫抓取更多的有效信息:爬虫依赖于标签来确定上下文和各个关键字的权重;
4.方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以意义的方式来渲染网页;
5.便于团队开发和维护,语义化更具可读性,是下一步吧网页的重要动向,遵循W3C标准的团队都遵循这个标准,可以减少差异化。
web标准的更多相关文章
- web标准之道——笔记
字体设置 sans和sans-serif为通用字体,具体哪个字体被最终应用由浏览器决定,通用字体只有在其他字体都无效时才会被当作代替方案.通用字体应该放在最后面 sans衬线字体 容易阅读,一般使用在 ...
- 【转载】跟随 Web 标准探究DOM -- Node 与 Element 的遍历
跟随 Web 标准探究DOM -- Node 与 Element 的遍历 这个是 Joyee 2014年更新的,可能是转战github缘故,一年多没有跟新了.这篇感觉还挺全面,就转载过来,如以前文章一 ...
- 深入理解Web标准(网站标准)
深入理解Web标准(网站标准) 我觉得一名Web前端应该好好理解Web标准到底是什么,为什么要在我们的实际实践中遵循Web标准. 什么是Web标准.百度百科的解释是: WEB标准不是某一个标准,而 ...
- 我所理解的RESTful Web API [Web标准篇]
REST不是一个标准,而是一种软件应用架构风格.基于SOAP的Web服务采用RPC架构,如果说RPC是一种面向操作的架构风格,而REST则是一种面向资源的架构风格.REST是目前业界更为推崇的构建新一 ...
- asp.net开发与web标准的冲突问题
Visual Studio .net从2003到现在的2008,一路走来慢慢强大……从以前的vs2003能自动改乱你的html代码到现在在vs2008中都能直接对html代码进行w3c标准验证并提示了 ...
- 对WEB标准以及W3C的理解与认识
按照习惯的理解,这两个概念似乎都是指的一个东西(就是咱们在这个版里讨论的这些个"高深理论“^_^).但我认为,事实上从技术的角度上讲,这两个事物几乎没有任何相关性.web标准简而言之就是将页 ...
- 细谈WEB标准
最近有些朋友很是疑惑web标准是什么,我在这里先做一个总结,有更好的见解的可以私信给我! 首先切入正题之前先谈一下什么叫DOCTYPE,DOCTYPE是document type(文档类型)的简写,主 ...
- Web标准中用于改善Web应用程序性能的各种方法总结
提起Web应用程序中的性能改善,广大开发者们可能会想到JavaScript与DOM访问等基于各种既存技术的性能改善方法.最近,各种性能改善方法被汇总成为一个Web标准. 本文对Web标准中所包含的各种 ...
- Web标准和搜索引擎优化技术
1.Web标准不是某一个标准,而是一系列标准的集合.出来网页内容之外,网页主要由三部分组成:结构(Structure).表现(Presenttation)和行为(Behavior).对应的标准也分三方 ...
- 对Web标准的理解。可用性和可访问性
一Web标准 简单的说,就是HTML.CSS.JavaScript这三者分离.WEB标准不是某一个标准,而是一系列标准的集合.网页主要由三部分组成:结构(Structure).表现(Presentat ...
随机推荐
- ArcSoft's Office Rearrangement---hdu5933
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=5933 题意:给你一个数组含有n个数,然后把这些数分为k份,每份都相等:有两个操作:合并相邻的两个数:把 ...
- 【Android Studio快捷键】之导入相应包声明(import packages)
可能import 单个声明的快捷键大家都很容易找到,Alt+Enter.但是如果我要一次性import文件中所有的声明,这个快捷键是什么呢,找啊找的,就是没找到,以前在Eclipse是Ctrl+1,但 ...
- 【转】ViewPager实现一个页面多个Item的显示
转自:http://billyyuan.iteye.com/blog/1941538 ViewPager实现一个页面多个Item的显示 博客分类: android 代码在: https://cod ...
- RHEL6解决无法使用YUM源问题
RHEL的YUM源需要注册用户才能更新使用,由于CentOS和RHEL基本没有区别,并且CentOS已经被REHL收购.所以将RHEL的YUM源替换为CentOS即可.问题如下:[root@bogon ...
- 在美国看中国HTML5市场的发展
近日,APICloud 创始人兼CEO刘鑫在美国旧金山和美国的HTML5开发者进行了一次近距离的接触,感受中美HTML5开发者的热度差别和不同市场阶段的中美表现巨大差异. 中国和美国的HTML5市场差 ...
- 通过ping确定网卡mtu
使用 ping 测试确定网卡最佳 MTU 的方法 MTU ( Maximum Transmission Unit ,最大传输单元)是指某一层协议上一次能最大传输的数据量.当一个数据包超过 MTU 数据 ...
- Wget命令
Linux wget是一个下载文件的工具,它用在命令行下.对于Linux用户是必不可少的工具,尤其对于网络管理员,经常要下载一些软件或从远程服务器恢复备份到本地服务器.如果我们使用虚拟主机,处理这样的 ...
- Xib的使用与File'Owner总结
Xib的使用与File'Owner总结 一.XIB的适用范围 xib(也叫Nib)与storyboard一样是用来描述界面的. storyboard描述的是比较大型的,大范围.适合描述界面跳转等. 二 ...
- Oracle数据库之SQL基础(一)
主要内容:用户与表空间:表与约束:查询语句. 一.概述 Oracle安装:访问官网,下载 二.用户与表空间 在安装Oracle时在开始菜单里可以用sql puls登录oracle. ★1.系统用户 s ...
- IntelliJ IDEA 自动导入包 快捷方式
idea可以自动优化导入包,但是有多个同名的类调用不同的包,必须自己手动Alt+Enter设置 设置idea导入包 勾选标注 1 选项,IntelliJ IDEA 将在我们书写代码的时候自动帮我们优化 ...