码迷,mamicode.com
首页 > 其他好文 > 详细

结构与表现的分离

时间:2018-11-21 16:14:38      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:bsp   web标准   嵌套   式表   放大   方式   好处   页面   代码冗余   

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

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

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

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

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

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

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

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

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

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

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

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

 

结构与表现的分离

标签:bsp   web标准   嵌套   式表   放大   方式   好处   页面   代码冗余   

原文地址:https://www.cnblogs.com/chrioz/p/9994110.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!