关于对WEB标准以及W3C的理解和认识

这个问题网上一搜答案就一大堆，但个人认为还是需要自己来记录一下的。因为网上的都是别人的答案，自己能说出来的才是真正理解了的东西。

大家都说，写好HTML最重要的一点是要写“语义化”的代码，即HTML标签、结构要符合所表示的语义。结合你的理解，谈谈这一观点，说说你所理解的“语义化”是什么，你平时在项目中是如何实践“语义化”的，试举出一两个事例。

答：语义化就是用正确的标签做正确的事。所谓正确就是让HTML的结构在语义化标签下能被更准确的理解，能够顾名思义。而这来带的好处之一就是方便人们阅读源代码。更重要的是，在网站性能方面带来更多的优化。一方面是浏览器在解析html页面时构建的DOM树结构能够更加精准，另一方面是大家都熟知的能够更容易地被搜索引擎抓取，便于网站推广。对未来的影响则是使得代码更规范，能适应以后的web标准。
事例：1.重构页面时，多使用HTML5的标签，如header，footer，section，nav，article，aside等。
      2.如按钮的实现有多种方式，可以通过a，div，span等，但最后还是应该用button标签，因为在部分浏览器中认为有些标签是不能有交互行为，这样就会引起浏览器差异问题。更多类似的小例子还有做导航用nav，做列表用li

我们说，前端开发是结构、表现、行为分离的，HTML、CSS和JavaScript分别负责结构、表现和行为。结合你在前端的实践，谈谈你对结构、表现、行为分离原则的理解，试举出你在这一原则下实践的一个例子。

答：前端的学习离不开HTML,CSS,JavaScript。这三者从早些年的结合，到当代的分离，体现了前端的迅猛发展，表明前端的分工越来越细，同时体现了一种工作模式的转变。HTML结构给我们直观的呈现就是DOM树，这就如同一幅没有颜色的只有线条的画，而CSS表现与HTML结构结合则是渲染出了一幅色彩缤纷的图画，再加上JavaScript行为的实现，就变成了一个丰富的动画，有了交互有了事件等各种机制。

以下内容转载：https://blog.csdn.net/liang6678/article/details/51824659

WEB标准简单来说可以分为结构，表现和行为。其中结构主要是有HTML标签组成，在页面body里面我们写入的标签都是为了页面的结构。表现即指css样式表，通过css可以使页面的结构标签更具美感。行为是指页面和用户具有一定的交互，同时页面结构或者表现发生变化，主要是由js组成。

WEB标准一般是将该三部分独立分开，使其更具有模块化。但一般产生行为时，就会有结构或者表现的变化，也使这三者的界限并不那么清晰。

W3C对web标准提出了规范化要求：

1.结构要求（标签规范可以提高搜索引擎对页面的抓取效率，对SEO很有帮助）

（1）标签字母要小写

（2）标签要闭合

（3）标签不允许随意嵌套

2.对css和js来说

（1）尽量使用外链css样式表和js脚本。使结构，表现，行为分为三块，符合规范，同时提高用户的体验。

（2）样式尽量少用行间样式，使结构与表现分离，标签的id和class等属性命名要做到

（3）不需要变动页面内容，便可提供打印版本而不需要复制内容，提高网站易用性