结构与表现的分离

Posted 2021-01-21 chrioz

html定义了web页面的结构，css定义了结构的样式表现。

结构与表现分离，是一直都在强调的web标准。

初次接触时，发现样式表有三种引用方式：

• 内联样式
• 内部样式
• 外联样式

于是，就觉得所谓结构与表现的分离，就是单独写css代码，用外联样式引用，而其他的两种方式只是体现了样式表引用的灵活性。

而实际上，并不是只要把html和css文件分开写，就叫做表现与样式分离了。

最近看了一些教程，写了一些页面，觉得有一些体会：

　　最初写页面的时候，很多初级的教程都会教我们，一看到设计图上有个东西，就先来一个div，

这个确实有些好处，会把局部放大，然后分析这个东西可以用什么标签还是属性实现，就有了思路。

的确是是初级的思路，我们不知道如何下手，先局部再整体，不管怎样，可以写出来了。

　　只是这样做的结果，使得各个部分在结构上都嵌套了很深的div，代码冗余，效率不高。

所以，可能结构与表现的分离，在写代码的过程中就体现了。