<div> 標簽定義 HTML 文檔中的分隔(DIVision)或部分(section) 。div屬于web前端的學習內容,其中<div> 標簽常用于組合塊級元素,以便通過樣式表來對這些元素進行格式化 。<div> 可定義文檔中的分區或節(division/section) 。
<div> 標簽可以把文檔分割為獨立的、不同的部分 。它可以用作嚴格的組織工具,并且不使用任何格式與其關聯 。如果用 id 或 class 來標記 <div>,那么該標簽的作用會變得更加有效 。
當使用 CSS-P 的時候,主要把它用在 DIV(division)tag 上 。當把文字,圖像,或其他的放在 DIV 中,它可稱作為“DIV block”,或“DIV element”或“CSS-layer”,或干脆叫“layer” 。所以把它稱作“層次” 。所以當看到這些名詞的時候,就知道它們是指一段在 DIV 中的 HTML 。
使用 DIV 的方法跟使用其他 tag 的方法一樣:
如果單獨使用 DIV 而不加任何 CSS-P, 那么它在網頁中的效果和不使用是一樣的 。
但當把 CSS-P 用到 DIV 中去以后,就可以嚴格設定它的位置 。首先需要給這個可以被 CSS-P 控制的 DIV 一個 ID 或說是它的名字 。比如說給這個 DIV 的名字是 truck 。給名字的目的是以后可用JavaScript來控制它,比如說移動它或改變它的一些性質等等 。
給層次取什么名字是隨意的,名字可以是任何英文字母和數字,但第一個必須是字母 。有兩種把 CSS-P 應用到 DIV 的方法 。
Inline CSS:Inline是最常用的方法 。
ExternalSTYLE tag:使用 External 方法的結果是一樣的 。請注意在 External 方法里,在 STYLE 里的 ID 和 DIV 里的關系 。

擴展資料
布局優勢
一、精簡代碼,減少重構難度 。
網站使用DIV+CSS布局使代碼很是精簡,相信大多朋友也都略有所聞,css文件可以在網站的任意一個頁面進行調用,而若是使用table表格修改部分頁面卻是顯得很麻煩 。要是一個門戶網站的話,需手動改很多頁面,而且看著那些表格也會感覺很亂也很浪費時間,但是使用css+div布局只需修改css文件中的一個代碼即可 。
二、網頁訪問速度
使用了DIV+CSS布局的網頁與Table布局比較,精簡了許多頁面代碼,那么其瀏覽訪問速度自然得以提升,也從而提升了網站的用戶體驗度 。
三、SEO優化
采用div-css布局的網站對于搜索引擎很是友好,因此其避免了Table嵌套層次過多而無法被搜索引擎抓取的問題,而且簡潔、結構化的代碼更加有利于突出重點和適合搜索引擎抓取 。
四、瀏覽器兼容性
若使用table布局網頁,在使用不同瀏覽器情況下會發生錯位,而div+css則不會,無論什么瀏覽器,網頁都不會出現變形情況 。
最后,需要注意的是,蜘蛛不喜歡一個頁面有太多的css代碼,否則同樣會影響蜘蛛的爬行,影響搜索引擎的收錄,所以采用外部調用的方式調用CSS是非常不錯的方法 。而同時,若非必須太多花哨的網站,采用CSS布局,同樣可以到達所想要的效果 。如網站導航中的文字顏色變化、下拉菜單等 。
【“div”是什么意思?】
猜你喜歡
- “沒有規矩不成方圓”是什么意思
- 中金國際集團在浙江開設的“中國企業好項目”
- “五福臨門”的五福指哪五福?“
- “為有犧牲多壯志,敢叫日月換新天”中的“為”第幾聲?釋義?
- “楊柳細腰”的意思什么?
- “君子不器,是為不爭;君子不爭,視為無器”什么意思?
- “奮六世之余烈 振長策而御宇內”是什么意思?
- "百多邦"
- “準五服以制罪”有什么原則?
- “明媚”是什么意思?
