div是层叠样式表中的定位技术，全称DIVision，即为划分。在html中，div是一个块级元素，可定义文档中的分区或节，可以把文档分割为独立的、不同的部分，它可以用作严格的组织工具，并且不使用任何格式与其关联。
一、html <div>简介
div是层叠样式表中的定位技术，全称DIVision，即为划分。有时可以称其为图层。 div元素是用来为HTML（标准通用标记语言下的一个应用）文档内大块（block-level）的内容提供结构和背景的元素。
作为一个“纯粹的”容器，<div>元素在语义上不表示任何特定类型的内容。然而，其可以将内容分组，从而可以使用class或是id属性方便的定义内容的格式，也可以在一段文档中划分标记出使用另一种语言书写的内容（使用lang 属性）等等。
<div>可定义文档中的分区或节（division/section），可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。
二、div语法及作用
语法：
<div></div>作用：
- div 标签可以用来划分 HTML 结构，从而配合 CSS 来整体控制某一块的样式。
- div 标签是块级元素，它可用做组合其它 HTML 元素的容器。
- div 标签可以用作严格的组织工具，如果用 id 或 class 来标记 div 标签，则 div 标签的作用会更加完美。
三、div用法示例
用法：
- <div>是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是<div>固有的唯一格式表现。可以通过<div>的 class 或 id 应用额外的样式。
- 不必为每一个<div>都加上类或 id，虽然这样做也有一定的好处。
- 可以对同一个<div>元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。
示例：
<html>
<body>
<h3>This is a header</h3>
<p>This is a paragraph.</p>
<div style="color:#00FF00">
<h3>This is a header</h3>
<p>This is a paragraph.</p>
</div>
</body>
</html>div标签中的两句话会显示为绿色。
延伸阅读
div布局优势
- 精简代码，减少重构难度：网站使用DIV+CSS布局使代码很是精简，相信大多朋友也都略有所闻，css文件可以在网站的任意一个页面进行调用，而若是使用table表格修改部分页面却是显得很麻烦。要是一个门户网站的话，需手动改很多页面，而且看着那些表格也会感觉很乱也很浪费时间，但是使用css+div布局只需修改css文件中的一个代码即可。
- 加快网页访问速度：使用了DIV+CSS布局的网页与Table布局比较，精简了许多页面代码，那么其浏览访问速度自然得以提升，也从而提升了网站的用户体验度。
- SEO优化：采用div-css布局的网站对于搜索引擎很是友好，因此其避免了Table嵌套层次过多而无法被搜索引擎抓取的问题，而且简洁、结构化的代码更加有利于突出重点和适合搜索引擎抓取。
- 浏览器兼容性好：若使用table布局网页，在使用不同浏览器情况下会发生错位，而div+css则不会，无论什么浏览器，网页都不会出现变形情况。
文章标题：div是什么html，发布者：Z, ZLW，转载请注明出处：https://worktile.com/kb/p/47222
微信扫一扫 
支付宝扫一扫 
