HTML CSS合理利用div标识，让网页页面逻辑性更清楚

本文我们应该讲的就是这html中应用都是应用数最多的标识div，大家下面主要介绍下div的功效，如何更好地给div科学合理的取名，让代码结构更为条理清晰。 1、了解div的功效 应用词法： 原素具体内容 在网页设计全过程过程中，也可以把一些单独的思路一部分区划出去，放在一个 标识中，这一 标签的作用就等于是一个器皿。容器功效就是能把一个逻辑性一部分包裹住存进原素内部结构。 明确逻辑性一部分： 什么叫逻辑性一部分？这是页面中相互联系的一组原素。如网页页面里的单独的频道版面，就是一个典型的逻辑性一部分。例如网页页面里的头顶部控制模块、banner模块、新闻列表控制模块等，这种一部分就可以使用div标识做为器皿储放进来。如图所示：图选用红色边框标明的部分就是一个逻辑性一部分，就可以使用 标识做为器皿。
2、科学合理的取名div 第一条大家提到把一些标识放入 里，区划出一个单独的思路一部分。为了能让逻辑性更加清晰，我们能给这一个单独的思路一部分设置一个名字，用id特性来给 给予唯一的名字，这一就如同我们人人都有一个身份证号，这一身份证号码是唯一标识我们的身份的，是必须唯一的。针对反复的思路一部分我们用class属性来给div添加一个通用名，class不唯一可以多次重复使用。 上面这个图片左手边未使用div的排版设计，大家可以看到全部页面标签有许多，我们无法区别哪一块是一个部分，哪一块是属于哪个区域的，可是右侧这个图片，使用div涵盖了以后我们就能很清楚的了解到，每一个控制模块属于哪一类一部分，构造排版设计也显得特别一目了然，有利于大家后期更新和维护保养。