位置：首頁(yè) > 軟件操作教程 > 編程開發(fā) > HTML > 問題詳情

3.4.1<div>元素 HTML

提問人：劉團(tuán)圓發(fā)布時(shí)間：2020-11-06

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

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

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

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

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

<!DOCTYPE html>

<html>

<head>

<title>div 元素</title>

</head>

<body>

<div>頁(yè)眉部分</div>

<div>導(dǎo)航部分</div>

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

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

</div>

<div>頁(yè)腳部分</div>

</body>

</html>

image.png

繼續(xù)查找其他問題的答案？

相關(guān)視頻回答
回復(fù)(0)
返回頂部