HTML中<div> 標(biāo)簽的使用方法

發(fā)布時(shí)間：2020-11-06 14:25:42 來(lái)源：億速云閱讀：329 作者：小新欄目：web開(kāi)發(fā)

這篇文章主要介紹了HTML中<div> 標(biāo)簽的使用方法，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

所有主流瀏覽器都支持 <div> 標(biāo)簽。

HTML <div> 標(biāo)簽

定義和用法

<div> 可定義文檔中的分區(qū)或節(jié)（division/section）。

<div> 標(biāo)簽可以把文檔分割為獨(dú)立的、不同的部分。它可以用作嚴(yán)格的組織工具，并且不使用任何格式與其關(guān)聯(lián)。

如果用 id 或 class 來(lái)標(biāo)記 <div>，那么該標(biāo)簽的作用會(huì)變得更加有效。

用法

<div> 是一個(gè)塊級(jí)元素。這意味著它的內(nèi)容自動(dòng)地開(kāi)始一個(gè)新行。實(shí)際上，換行是 <div> 固有的唯一格式表現(xiàn)?？梢酝ㄟ^(guò) <div> 的 class 或 id 應(yīng)用額外的樣式。

不必為每一個(gè) <div> 都加上類或 id，雖然這樣做也有一定的好處。

可以對(duì)同一個(gè) <div> 元素應(yīng)用 class 或 id 屬性，但是更常見(jiàn)的情況是只應(yīng)用其中一種。這兩者的主要差異是，class 用于元素組（類似的元素，或者可以理解為某一類元素），而 id 用于標(biāo)識(shí)單獨(dú)的唯一的元素。

提示：

注：<div> 是一個(gè)塊級(jí)元素，也就是說(shuō)，瀏覽器通常會(huì)在 div 元素前后放置一個(gè)換行符。

提示：請(qǐng)使用 <div> 元素來(lái)組合塊級(jí)元素，這樣就可以使用樣式對(duì)它們進(jìn)行格式化。

實(shí)例：

文檔中的一個(gè)部分會(huì)顯示為紅色：

<html>
<body>

<h4>This is a header</h4>
<p>This is a paragraph.</p>

<div style="color:#00FF00">
  <h4>This is a header</h4>
  <p>This is a paragraph.</p>
</div>

</body>
</html>

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享HTML中<div> 標(biāo)簽的使用方法內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問(wèn)題就找億速云，詳細(xì)的解決方法等著你來(lái)學(xué)習(xí)!

向AI問(wèn)一下細(xì)節(jié)

HTML中<div> 標(biāo)簽的使用方法

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽