HTML+CSS总结/有关于web标准的总结

关于这一话题，我认为我们需要解决的问题有：什么是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代码，请指出代码中的毛病。

 

<P>&nbsp;&nbsp;我写的不是HTML代码，是寂寞。<br><br>&nbsp;&nbsp;我说：<br>不要迷恋哥，哥只是一个传说 

　      在这段代码当中，第一眼看上去没有明显的语法错误。是的，在html 4.01 strict下是完全正确的，但是在Web标准下，就是xhtml 1.0 strict下就是错误的，不合乎规范。xhtml有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个"/"来关闭它。所以，代 码中的<P>要匹配一个</p>,<br>要改成<br/>,其次所有标签必须小写，所 以<P>也是错误的，要改成<p>;最后&nbsp;空格符必须包含在容器当中，也是错误的。

 

      （考点1.html 4.01与Web标准xhtml 1.0的差别）

 

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

 

      （考点2.结构与表现分离）

 

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

 

      （考点3.合理运用标签）

 

        所以，在xhtml标准下，正确的修改应该是：

 

<p>我写的不是HTML代码，是寂寞。</p><p>我说：<br/>不要迷恋哥，哥只是一个传说</p> 

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

 

<p>我写的不是HTML代码，是寂寞。</p><p>我说：<br/><q>不要迷恋哥，哥只是一个传说</q></p> 

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

 

<p><cite>我</cite>写的不是<abbr title=”Hyper Text Markup Language”>HTML</abbr>代码，是寂寞。</p><p><cite> 我</cite>说：<br/><q>不要迷恋哥，哥只是一个传说</q></p>

（加分点：标签语义化）