《Designing with Web Standard（Third Edition）》/《网页重构》读书笔记

---------------------------------------读书笔记·转载请注明---------------------------------------

 

学习前端，按照师兄的推荐，看了这本Designing with Web Standard,基本看完了，感觉很激动，因为我在开始学习的第一步，就先了解了Web标准化的含义，那么我接下来的学习就会按照标准化的路径学习，这样对我以后的学习很有帮助！

通篇阅读，发现Web标准的核心关键无非就是要保持好三种不同职能语言的相对独立。

Web标准三剑客 是三个独立的组件：

Structure     Presentation    Behavior

  Html                 CSS            Javascript

  XHtml                                    DOM

  XML

Structure 负责页面语义化的展示 定义一个标记时，要把标记“语义化”。所谓的语义化就是标记和他们所要表达的含义是相近或者一致的，比如定义一个标题为h1,是因为这个标题是最重要的，而不是因为这个标题需要大一些（个人理解：就不是在形式，外观上的含义，而是体现在他本身的效用方面），一个页面代码没有出现错误，并不代表这个页面符合语义。

Presentation 负责网页的格式和外观，跟Structure是分离的。

Behavior 负责网页的交互行为和效果

在语义化方面，比如大标题，副标题，侧边栏，底部版权说明，这些分别代表不同职能的，就可以像推砖头一样，按结构堆在html中，我个人理解的标准化，是不要在html中考虑太多的样式元素，所有的样式都由CSS来负责，但是也不是完全不考虑，其实这其中有很多关联的。而CSS的功能非常强大，就靠它来赋予布局，赋予色彩和生机。在行为方面，主要是由JS负责，JS我还没开始深入学习，但是了解过他主要负责响应功能，通过他，才有了一系列人机的交互，总的来说，html，css，JS三者相互独立又密切联系，我是前端的初学者，就先不谈太多的个人理解，等我慢慢学习了之后，再继续跟大家分享！

我在w3school找了一下html的文档，发现了好几个注明了“不推荐使用”，所以说，在html中看似功能强大的标记只会令页面变得不标准，而坚持标准的结果是不会导致混乱（个人觉得：假如有一个地方要改动，又不知道改html还是css是一件很痛苦的事情）

html文档如下：

http://www.w3school.com.cn/tags/html_ref_byfunc.asp

 

 

希望各位学前端的同学可以跟我交流交流，一起进步，一起学习:)