歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
您的位置:阿森纳热刺 > DIV+CSS基礎 >

阿森纳热刺 www.tzxsac.com.cn

Div css  :

Table + 屬性: 結構 table tr  td    屬性 表現 border  width  align 在同一個頁面中,頁面代碼冗長,不利于維護,

不利于百度搜索引擎優化

Web2.0思想 用div css來設計和制作頁面,新型的web設計標準,網頁布局的時候,頁面的結構和表現分離。

優勢:

1.      用到的主要標記

Div  ul  ol li  span  dt

2.      結構和表現分離,使得代碼便于維護

3.      精簡代碼,批量添加相同的屬性,提高了網頁運行效率

4.      提高了百度爬蟲收錄的效率

5.      提高了頁面刷新速度,用戶體驗完美,用戶感受好,使得網站在同類中在百度排名靠前

6.      Div css 結構清晰,單個頁面代碼減少,對搜索引擎友好

Table只是在做表格的時候才會使用

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="//www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>無標題文檔</title>

</head>

 

<body>

<div style="border:1px solid #F00;width:400px;height:400px">

      <div style="border:1px solid #0F0;width:100px;height:100px;">aaaa</div>

</div>

</body>

</html>

如需轉載,請注明文章出處和來源網址://www.tzxsac.com.cn/rumen/r14113.shtml

如對文章有任何疑問請提交到DIV CSS論壇,或有任何網頁制作CSS問題立即到CSS論壇發貼求解 或 直接DIVCSS5網頁頂部搜索遇到DIVCSS疑問。
阿森纳热刺文章修訂日期:2018-08-14 17:37 原創:阿森纳热刺
本文阿森纳热刺 www.tzxsac.com.cn DIVCSS5版權所有。