对Web标准的理解

1.   Web标准不是某一个标准,而是一系列标准的集合。

       网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。

       对应的标准也分三方面:结构化标准语言主要包括HTML, XHTML和XML,

                                             表现标准语言主要包括CSS,

                                             行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。[例如:js交互操作]

        这些标准大部分由万维网联盟(外语缩写:W3C)起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(European Computer

 Manufacturers Association)的ECMAScript标准。


       W3C对于WEB标准提出了规范化的要求,也就是实际编程中的一些代码规范:整理出以下几点

               1、对于结构要求:(标签规范可以提高搜索引擎对页面的抓取效率,对SEO很有帮助)

                        1)标签和属性名字母要小写

                        2)标签要闭合              

                        3)标签不允许随意嵌套

               2、对于css和js来说

                        1)尽量使用外链css样式表和js脚本。使结构、表现和行为分为三块,符合规范。同时提高页面选软速度,提高用户体验。

                        2)样式尽量不使用行内样式,使结构和表现分离,标签的id和class等属性命名要做到语义化,标签越少,加载速度越快,用户体验提

高,代码维护简单,便于改版。

                        3)不需要变动页面内容,就可以操作页面样式和数据,提高网站的易用性。

WEB标准(结构、表现、行为分离)有哪些优点呢?

  • 易于维护:只需更改CSS文件,就可以改变整站的样式
  • 页面响应快:HTML文档体积变小,响应时间短
  • 可访问性:语义化的HTML(结构和表现相分离的HTML)编写的网页文件,更容易被屏幕阅读器识别
  • 设备兼容性:不同的样式表可以让网页在不同的设备上呈现不同的样式
  • 搜索引擎:语义化的HTML能更容易被搜索引擎解析,提升排名

2. 可用性、可维护性、可访问性

可用性:产品是否容易上手,用户体验怎么样,可用性好是企业的核心竞争力
可维护性:出现问题时,修复bug的成本低则维护性好,还有一点是代码能够被其他开发人员理解,毕竟我们不是一个人再做产品
可访问性:就是所有人(盲人)都能理解你的网页。


猜你喜欢

转载自blog.csdn.net/Q846169253/article/details/80746701