這篇文章主要介紹了HTML中<div> 標簽的使用方法,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
所有主流瀏覽器都支持 <div> 標簽。
HTML <div> 標簽
定義和用法
<div> 可定義文檔中的分區或節(division/section)。
<div> 標簽可以把文檔分割為獨立的、不同的部分。它可以用作嚴格的組織工具,并且不使用任何格式與其關聯。
如果用 id 或 class 來標記 <div>,那么該標簽的作用會變得更加有效。
用法
<div> 是一個塊級元素。這意味著它的內容自動地開始一個新行。實際上,換行是 <div> 固有的唯一格式表現??梢酝ㄟ^ <div> 的 class 或 id 應用額外的樣式。
不必為每一個 <div> 都加上類或 id,雖然這樣做也有一定的好處。
可以對同一個 <div> 元素應用 class 或 id 屬性,但是更常見的情況是只應用其中一種。這兩者的主要差異是,class 用于元素組(類似的元素,或者可以理解為某一類元素),而 id 用于標識單獨的唯一的元素。
提示:
注:<div> 是一個塊級元素,也就是說,瀏覽器通常會在 div 元素前后放置一個換行符。
提示:請使用 <div> 元素來組合塊級元素,這樣就可以使用樣式對它們進行格式化。
實例:
文檔中的一個部分會顯示為紅色:
<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>
感謝你能夠認真閱讀完這篇文章,希望小編分享HTML中<div> 標簽的使用方法內容對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,遇到問題就找億速云,詳細的解決方法等著你來學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。