div是什么意思，都有什么作用？

  div是层叠样式表中的定位技术，全称DIVision，即为划分。有时可以称其为图层。 div元素是用来为HTML（标准通用标记语言下的一个应用）文档内大块的内容提供结构和背景的元素。div标签定义 HTML 文档中的分隔或部分。div属于web前端的学习内容，其中DIV标签常用于组合块级元素，以便通过样式表来对这些元素进行格式化。div>可定义文档中的分区或节。div标签可以把文档分割为独立的、不同的部分。那么下面就由新网小编和大家讲一讲div是什么意思，都有什么作用。

  一、div是什么意思

  我们随便打开一个网页源代码就会发现里面出现很多div和span，正是这些div和其他语言相结合，才让网页变的好看，其实div是包谷内容的作用，我们可以使用div去布局各种样的样式，有些我们可以在div中加入字体的大小，字体的颜色，字体是否加粗。

  其实div就是相当于一个容器，只是把单独的逻辑给放在div中，这样看起来更加的清晰。

  二、div标签怎么用

  在div切图布局当中，使用最多的也是div标签，因此我们也将网页重构说成div加css，其实本事div没有什么特别之处，只是div标签代替了以前的table标签，其实div有着自己的特性，独具一格，通常对没有设置样式的div要独占一行。

  三、div有什么作用

  div在html中有着分割的作用，分割与其他样式的作用，去设置页面的布局和样式，主要的作用就是包含一个区块，区块夹在div中，和前后代码隔开，形成一个区块。

  四、div用法

  是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是固有的特定的格式表现。可以通过的 class 或 id 应用额外的样式。

  不必为每一个都加上类或 id，虽然这样做也有一定的好处。

  可以对同一个元素同时应用 class 和 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的特定的元素。

  五、布局优势

  1、精简代码，减少重构难度

  网站使用DIV+CSS布局使代码很是精简，相信大多朋友也都略有所闻，css文件可以在网站的任意一个页面进行调用，而若是使用table表格修改部分页面却是显得很麻烦。要是一个门户网站的话，需手动改很多页面，而且看着那些表格也会感觉很乱也很浪费时间，但是使用css+div布局只需修改css文件中的一个代码即可。

  2、网页访问速度

  使用了DIV+CSS布局的网页与Table布局比较，精简了许多页面代码，那么其浏览访问速度自然得以提升，也从而提升了网站的用户体验度。

  3、SEO优化

  采用div-css布局的网站对于搜索引擎很是友好，因此其避免了Table嵌套层次过多而无法被搜索引擎抓取的问题，而且简洁、结构化的代码更加有利于突出重点和适合搜索引擎抓取。

  4、浏览器兼容性

  若使用table布局网页，在使用不同浏览器情况下会发生错位，而div+css则不会，无论什么浏览器，网页都不会出现变形情况。

  最后，需要注意的是，蜘蛛不喜欢一个页面有太多的css代码，否则同样会影响蜘蛛的爬行，影响搜索引擎的收录，所以采用外部调用的方式调用CSS是非常不错的方法。而同时，若非必须太多花哨的网站，采用CSS布局，同样可以到达所想要的效果。如网站导航中的文字颜色变化、下拉菜单等。小伙伴们要想获得更多div的内容，请关注新网。