HTML+CSS总结/有关于web标准的总结_html/css_WEB-ITnose

WBOY
发布: 2016-06-24 11:37:47
原创
1305 人浏览过

关于这一话题,我认为我们需要解决的问题有:什么是web标准?定义web标准的目的?遵循web标准的好处?

一、百度百科对web标准的解释:

WEB标准不是某一个标准,而是一系列标准的集合。

网页的主要组成部分        对应的标准

  结构                      XHTML、XML

  表现                      CSS

  行为                      W3C DOM、ECMAScript

对于web三大组成元素的使用要求是:语法正确、使用合理。

用于检验网站是否符合web标准:w3c标准检验。

 

二、web标准一览表:

??摘自《web标准设计》

 

三、使用web标准的好处

让网页显示加载更快,对搜索引擎更加友好,让开发人员提高开发效率,降低开发成本。

 

四、一些有关web标准的面试题:

面试问题1:摘自http://jiataodong.blog.163.com/blog/static/349054922013827104413829/

问:谈谈你对web标准的理解,以及对w3c组织的认识?

答:
(1)web标准规范要求,书写标签必须闭合、标签小写、不乱嵌套,可提高搜索机器人对网页内容的搜索几率。--- SEO
(2)建议使用外链css和js脚本,从而达到结构与行为、结构与表现的分离,提高页面的渲染速度,能更快地显示页面的内容。
(3)样式与标签的分离,更合理的语义化标签,使内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件, 从而降低维护成本、改版更方便
(4)不需要变动页面内容,便可提供打印版本而不需要复制内容,提高网站易用性

遵循w3c制定的web标准,能够使用户浏览者更方便的阅读,使网页开发者之间更好的交流。

 

面试问题2:??摘自http://www.2cto.com/kf/201403/284171.html

有这么一段html代码,请指出代码中的毛病。

 

  我写的不是HTML代码,是寂寞。

  我说:
不要迷恋哥,哥只是一个传说 

       在这段代码当中,第一眼看上去没有明显的语法错误。是的,在html 4.01 strict下是完全正确的,但是在Web标准下,就是xhtml 1.0 strict下就是错误的,不合乎规范。xhtml有严谨的结构,所有标签必须关闭。如果是单独不成对的标签,在标签最后加一个"/"来关闭它。所以,代 码中的

要匹配一个

,
要改成
,其次所有标签必须小写,所 以

也是错误的,要改成

;最后 空格符必须包含在容器当中,也是错误的。

 

      (考点1.html 4.01与Web标准xhtml 1.0的差别)

 

        起初,我以为如果能回答到上面所说的错误基本能拿满分了,其实不然,回答完上面的只能及格。Web标准要求的结构与表现分离,而考题当中运用 了 控制缩进,是错误的,我们应该应用Css来控制文本的缩进,所以 应该删掉。

 

      (考点2.结构与表现分离)

 

        最后,还有一处错误,题目当中连续使用两个
来制造了两个段落,
是强制折行标签,这样做确实达到了两个段落的效 果,但是后期段间距不易控制,我们应该合理运用标签。所以正确的做法是我们应该应用两个

标签来表示两个段落。

 

      (考点3.合理运用标签)

 

        所以,在xhtml标准下,正确的修改应该是:

 

我写的不是HTML代码,是寂寞。

我说:
不要迷恋哥,哥只是一个传说

 

        这样就完美了吗?不是,还有加分点,为了更符合Web标准,我们应该适当的的运用标签语义化(关于什么是标签语义化,可移 步:http://www.cnblogs.com/coco1s/p/3583082.html,我的上一篇博文,也是Web标准的一部分)。也就是 “我"说的话,可以用标签标注。

 

我写的不是HTML代码,是寂寞。

我说:
不要迷恋哥,哥只是一个传说

 

      这样就足够了,标签语义化也应该合理的运用,过分使用也会显得太画蛇添足。当然,如果还要添加,“我”字可以用标注,“HTML”可以用标注:

 

写的不是HTML代码,是寂寞。

说:
不要迷恋哥,哥只是一个传说

(加分点:标签语义化)

 

 

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板