3.4.1<div>元素 HTML

提问人：刘团圆发布时间：2020-11-06

<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>

</head>

<body>

<div>主内容部分左侧</div>

<div>主内容部分右侧</div>

</div>

</body>

</html>

相关视频回答

点击加载更多评论>>