• 首页
  • css3教程
  • html5教程
  • jQuery手册
  • php7教程
  • MySQL手册
  • apache手册
  • <div>

    HTML<div>元素(或HTML文档分区元素)是一个通用型的流内容容器,

    作为一个“纯粹的”容器,<div>元素在语义上不表示任何特定类型的内容。它被用来对其它元素进行分组,以及样式相关的需求(借助classid特性加以区分),或是用于对具有相同特性的一组元素进行分组(比如lang)。

    浏览器支持

    所有主流浏览器都支持<div>标签。

    示例

    <div>
      <p>这里可以是任何内容,一切由你作主!</p>
    </div> 
    

    标签定义及使用说明

    • <div>标签定义 HTML 文档中的一个分隔区块或者一个区域部分。
    • <div>标签常用于组合块级元素,以便通过 CSS 来对这些元素进行格式化。
    • <div>元素应当仅在没有任何其它语义元素(比如<article><nav>)可用时使用。
    • <div>元素经常与 CSS 一起使用,用来布局网页。
    • 默认情况下,浏览器通常会在<div>元素前后放置一个换行符。然而,您可以通过使用 CSS 改变这种情况。
    内容分类流式内容元素,章节内容元素,可触摸内容元素
    允许的内容流式内容元素或者(inwhatwightml):如果父元素是一个<dl>元素:一个或多个<dt>元素,后跟一个或多个<dd>元素,可选地与<script><template>元素混合。
    标签省略不允许,开始标签和结束标签都不能省略。
    允许的父元素任何接受低内容的元素。或(在whatwightml中):<dl>元素。
    DOM 接口HTMLElement

    HTML 4.01 与 HTML 5 之间的差异

    HTML5 中不支持align属性。在 HTML 4.01 中,align属性已废弃

    属性

    属性描述
    alignleft
    right
    center
    justify
    HTML5 不支持。HTML 4.01 已废弃。规定<div>元素中的内容的对齐方式。align属性THML5中废弃。此功能已过时。尽量避免使用它。

    全局属性

    <div>标签支持HTML 的全局属性。

    事件属性

    <div>标签支持HTML 的事件属性。

    实例

    文档中的一个区域将显示为蓝色:

    <div style="color:#0000ff">
    	<h3>this is a heading</h3>
    	<p>this is a paragraph.</p>
    </div>
    
    //HTML
    <div class="shadowbox">
      <p>here's a very interesting note displayed in a lovely shadowed box.</p>
    </div>
    
    
    //CSS
    .shadowbox {
      width: 15em;
      border: 1px solid #333;
      box-shadow: 8px 8px 5px #444;
      padding: 8px 12px;
      background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
    }
    

    上篇:<dt>

    下篇:<pre>