<div>元素是块级元素,它是可用于组合其他HTML元素的容器,也就是说<div>标记是一个区块容器标记,用于容纳通用的内容部分,即<div>与</div>之间相当于一个容器,可以容纳段落、标题、表格、图片等各种HTML元素。
<div>元素没有特定的含义,如果与CSS一同使用,<div>元素可用于对大的内容块设置样式属性。<div>元素最常见的用途是网页布局,DIV+CSS布局方法取代了使用表格定义布局的老式方法。目前,表格<table>元素的作用是显示表格化的数据。
在HTML5中<header>等结构化元素出现之前,最常用的组容器就是<div>元素,它代表一个通用的内容块,结合CSS对文档赋予结构。即使在HTML5中,它的这个功用依然被大家广泛认可。
本例使用<div>元素对内容进行分块,在IE11.0中显示效果如图所示。目前看来<div>除了换行没有任何固有样式,而配合CSS就能得到各种不同的样式。下图就是对其添加CSS后得到的可能样式之一,这里暂时不给出其代码。
代码如下(CSS代码暂时不给出):
<!DOCTYPE html>
<html>
<head>
<title>div 元素</title>
</head>
<body>
<div>页眉部分</div>
<div>导航部分</div>
<div>主内容部分左侧</div>
<div>主内容部分右侧</div>
</div>
<div>页脚部分</div>
</body>
</html>
已有 22658 名学员学习以下课程通过考试
最需教育客户端 软件问题一手掌握
去 App Store 免费下载 iOS 客户端
点击加载更多评论>>