web前端：什么是结构、样式、行为分离？

作者:Tianna9510 更新于： 2020-03-21 21:08:17

　　一个网页对应于一个HTML文件，HTML文件以.htm或.html为扩展名。可以使用任何能够生成TXT类型源文件的文本编辑来产生HTML文件。

　　什么是结构、样式、行为分离？这样做的好处是什么？

　　web标准的核心理念就是结构标准、样式标准和行为标准，提倡结构、表现和行为相分离，即HTML-结构、css-表现、Javascript-行为分离。

　　HTML标签给予内容含义，CSS表现层则定义HTML该如何显示（外观），JavaScript行为成为页面增加交互。

　　举个例子，如果一个网页是一棵树，那么HTML负责主干，CSS负责枝叶、花、果等，而JavaScript则负责外界条件，比如风、雨、阳光等。这样做有利于思考文档的语义结构，更容易维护和更改。

　　什么是语义化？为什么要语义化？

　　语义化是指合理利用HTML标记以及其特有的属性去格式化文档内容，写出的HTML代码，符合内容的结构化（内容语义化），选择合适的标签（代码语义化），能够便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。简单地说就是让机器也能读懂内容。

　　语义化有利于SEO，有利于搜索引擎爬虫更好的理解我们的网页，从而获取更多有效信息，提升网页权重；有助于清晰看出网页结构，增强可读性；便于团队开发和维护；支持多终端设备的浏览器渲染。

　　什么是CSS？它的特点有哪些？

　　CSS(CascadingStyleSheets)层叠样式表/级联样式表，是一种用来表现HTML或XML等文件样式的计算机语言。

　　具有丰富的样式定义，可以控制网页的外观；可以同时更新多个网页的样式，易于使用和修改；使网页的表示层和结构层彻底分离；减小网页文件大小，加快网页加载速度。

　　标准的HTML文件都具有一个基本的整体结构，即HTML文件的开头与结尾标志和HTML的头部与实体2大部分。有3个双标记符用于页面整体结构的确认。