回覆列表
-
1 # xcdevin
-
2 # 好資源分享
如果你的應用在PC端,手機WEB端或許是吧,但是現在的應用,大部分在手機APP端,小程式端 DIV或許不用了
-
3 # Web前端進階指南
我來回答一下吧,前端切圖仔好幾年,要不是你問這個問題,我還沒這麼想過,這麼一說,我來說說吧。
<div> 標籤定義 HTML 文件中的分隔(DIVision)或部分(section)。新增的h5標籤裡有<header><header/>,<section></section>,<article></article>等等標籤。div屬於web前端的學習內容,其中<div> 標籤常用於組合塊級元素,以便透過樣式表來對這些元素進行格式化。<div> 可定義文件中的分割槽或節(division/section)。<div> 標籤可以把文件分割為獨立的、不同的部分。它可以用作嚴格的組織工具,並且不使用任何格式與其關聯。如果用 id 或 class 來標記 <div>,那麼該標籤的作用會變得更加有效。
DIV+CSS網頁佈局“教與學”方式採用 DIV+CSS 網頁佈局與傳統的表格佈局相比,有許多的優勢:
1、頁面載入速度快傳統的表格佈局必須等表格載入完才顯示相應的網頁內容,而 DIV+CSS 網頁佈局是由一個個鬆散的 DIV 盒子組成,它可以實現邊載入邊顯示內容。
2、內容與外觀相分離該佈局方式實現了內容和外觀相分離,不僅提高了網頁設計的效率,而且使網頁的維護變得更加容易。
3、有利於搜尋引擎搜尋由於該佈局方式內容與外觀相互獨立,搜尋引擎在檢索的時候可以避開外觀部分的干擾,做好內容部分的檢索。
DIV+CSS 網頁佈局已成為網頁設計的核心技術,這也是計算機相關專業學生的必備技能。
因為div具有以下優點:
1、結構清晰。
2、更快的下載速度。
3、易於改版和更新。
4、搜尋引擎最佳化,避免了Table巢狀層次太多無法被搜尋引擎抓取的問題;而且簡潔、結構化的程式碼更加有利於突出重點和適合搜尋引擎抓取。