-
讓品牌有溫度、有情感
專注品牌策劃15年
-
當前位置：首頁 > 創(chuàng)意學院 > 技術 > 專題列表 > 正文
div常見的三種頁面布局方法（div常見的三種頁面布局方法是什么）
發(fā)布時間：2023-04-21 20:28:51
稿源：
創(chuàng)意嶺 閱讀：
97
大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關于div常見的三種頁面布局方法的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。
開始之前先推薦一個非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計劃、工作報告、論文、代碼、作文、做題和對話答疑等等
只需要輸入關鍵詞，就能返回你想要的內(nèi)容，越精準，寫出的就越詳細，有微信小程序端、在線網(wǎng)頁版、PC客戶端
官網(wǎng)：https://ai.de1919.com。
創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務客戶遍布全球各地，如需了解相關業(yè)務請撥打電話175-8598-2043，或添加微信：1454722008
本文目錄:
一、如何用div將頁面劃分為上中下三部分,其中中間部分又分為左中右三部分?
<div style="width:100% auto; border:1px">
<div id="top" style="height:20px; background:pink">頭部</div>
<div id="middle" style="height:500px; width:100%">
<div id="left" style="width:20%; background:red; height:500px; float:left;">左邊</div>
<div id="zhong" style="width:49.9%; background:yellow; height:500px; float:left">中間</div>
<div id="right" style="width:30%; background:green; height:500px ;float:left">右邊</div>
</div>
<div id="button" style="width:100%; height:30px; background:black">底部</div>
</div>
基本布局就是這樣子，你可以根據(jù)自己的需求進行修改
二、html中的布局有多種方法，其中最常用的是div加css進行頁面布局，這種布局的優(yōu)缺點是什么？
優(yōu)點：
第一、利于搜索引擎蜘蛛爬行
根據(jù)總結(jié)和經(jīng)驗，div+css布局有利于蜘蛛的爬行，拿html的table布局和div+css布局的網(wǎng)頁來做對比，很顯然table的字節(jié)大于div+css的，字節(jié)小就有益于搜索引擎蜘蛛下載頁面所用的時間，而且也有益于蜘蛛爬行到網(wǎng)站深處。
第二、易于修改
在一般情況下，div+css布局的網(wǎng)站，都是將html頁面和css文件分開的，div+css的特點就是能將網(wǎng)頁的內(nèi)容和表現(xiàn)形式分離，所以，假如你要修改網(wǎng)站整站布局的話，一般只需要修改css文件里的的個別屬性即可，而這種特點是table不具備的。
第三、減少網(wǎng)頁加載時間
前面就提到過，div+css是將css文件和html文件分開的，當用戶點擊網(wǎng)站時，是在同時下載css文件和html文件，所以可以提高打開網(wǎng)頁的速度。
缺點：
第一、開發(fā)技術高
眾所周知，div+css要兼容各種瀏覽器，這樣增加了div+css開發(fā)的難度。
第二、開發(fā)時間長
div+css布局相對于table布局來說，div+css的耗費時間要比table布局的時間長很多，另外考慮到瀏覽器兼容的問題，各種瀏覽器間的測試也是一個費時的事情。
第三、開發(fā)成本高
就上兩點所說，高技術和長時間決定了他的成本。
三、網(wǎng)站設計時頁面怎么布局比較好
采用F型布局比較好，
四、請問網(wǎng)頁設計中常用布局方式有哪幾種？
DIV+CSS和table兩種布局方式，DIV+CSS布局運行速度快，科學，但難學，table布局簡單，運行加載慢，做網(wǎng)站不科學，各有利弊。
以上就是關于div常見的三種頁面布局方法相關問題的回答。希望能幫到你，如有更多相關問題，您也可以聯(lián)系我們的客服進行咨詢，客服也會為您講解更多精彩的知識和內(nèi)容。
推薦閱讀：
贛公網(wǎng)安備 50019002502384號
