div和table 用作布局的 區別

2022-04-19 15:11:27 字數 1368 閱讀 3450

本文向大家描述一下div和table頁面布局的區別和聯絡,一般來說table開發快,容易控制,瀏覽器相容也好些,另一部分認為div好,是以後的發展趨勢,主要原因請看下文詳細介紹。

div布局和table頁面布局的區別和聯絡

現在對於網頁製作是選擇傳統的table還是用新型的div,有分歧。一部分說還是用table好,開發快,容易控制,瀏覽器相容也好些;另一部分認為div好,以後的發展趨勢,主要是如下原因:

div+css布局比table布局節省頁面**,**結構也更清晰明了。

div+css開發速度要比table快,而且布局更精確,不過手寫**明顯增加div+css布局,使**版面布局修改變的更簡單。

div+css布局能夠適應未來多種客戶端需求。

div+css布局節約站點所佔空間和站點流量。這些都是div的好處。

div有這麼多好處是不是有些心動,決定學它。div布局和table各有長處,通常情況下它們可以互換使用。

div用於布局,table用於顯示資料,這是現在最基本的設計原則。

1:table裡可以內嵌div。反之div可以內嵌table嗎??

當然可以了。

◆div定義

表示一塊可顯示html的區域。

specifiesacontainerthatrendershtml.

注釋此元素在internetexplorer3.0及以上版本的html中可用,在internetexplorer4.0及以上版本的指令碼中可用。

此元素是塊元素。

此元素需要關閉標籤。

示例**

下面的例子使用了兩個div元素對兩段文字進行了不同的對齊處理。

<div>

此文字代表一段。可以在這裡放你的html或文字  

div>

<divaligndivaligndivaligndivalign

divaligndivaligndivaligndivalign=

center

>

此文字代表另外一段,其中文字居中顯示。  

div>

div本身就是容器性質的,你不但可以內嵌table還可以內嵌文字和其它的html**。

2:div是不是跟table一樣的作用?

div的作用跟table是差不多的,但是div對xml的支援更好而且使用起來比較靈活,因此被推薦為新的網頁布局方式。

3:divtable哪個速度快?

文章出自:

Table和div的知識

web1班名冊 學號姓名 性別年齡張三男 李四女人數合計 的組成部分 標題 表頭 主體 表尾 table 定義乙個 caption 定義 的標題 thead 定義表頭的部分 tbody 定義 的主體 資料 部分 tfoot 定義表尾 一般來顯示彙總資訊 tr 定義一行 th td 來定義資料項 單元...

CSS網頁布局中div和table超出寬度自動換行

自動換行問題,正常字元的換行是比較合理的,而連續的數字和英文本元常常將容器撐大,挺讓人頭疼,在52css.com中不乏這方面的文章,現在總結一下css如何實現換行的方法,只要在css中定義了如下句子,可保網頁不會再被撐開了。對於div,p等塊級元素 正常文字的換行 亞洲文字和非亞洲文字 元素擁有預設...

DIV的相對布局和絕對布局

position relative 相對定位 使用position relative,就需要top,bottom,left,right4個屬性來配合,確定元素的位置。如果要讓div 1層向下移動20px,左移40px example div 1 如果用到相對定位,緊隨他的層divafter是不會出現...