3.4.1<div>元素 HTML

提問人：劉團圓發(fā)布時間：2020-11-06

<div>元素是塊級元素，它是可用于組合其他HTML元素的容器，也就是說<div>標記是一個區(qū)塊容器標記，用于容納通用的內(nèi)容部分，即<div>與</div>之間相當于一個容器，可以容納段落、標題、表格、圖片等各種HTML元素。

<div>元素沒有特定的含義，如果與CSS一同使用，<div>元素可用于對大的內(nèi)容塊設(shè)置樣式屬性。<div>元素最常見的用途是網(wǎng)頁布局，DIV+CSS布局方法取代了使用表格定義布局的老式方法。目前，表格<table>元素的作用是顯示表格化的數(shù)據(jù)。

在HTML5中<header>等結(jié)構(gòu)化元素出現(xiàn)之前，最常用的組容器就是<div>元素，它代表一個通用的內(nèi)容塊，結(jié)合CSS對文檔賦予結(jié)構(gòu)。即使在HTML5中，它的這個功用依然被大家廣泛認可。

本例使用<div>元素對內(nèi)容進行分塊，在IE11.0中顯示效果如圖所示。目前看來<div>除了換行沒有任何固有樣式，而配合CSS就能得到各種不同的樣式。下圖就是對其添加CSS后得到的可能樣式之一，這里暫時不給出其代碼。

代碼如下(CSS代碼暫時不給出)：

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<div>主內(nèi)容部分左側(cè)</div>

<div>主內(nèi)容部分右側(cè)</div>

</div>

</body>

</html>

相關(guān)視頻回答

回復(fù)(0)