這個xhtml1標準的div+css布局是著名網頁設計師阿捷2023年發布在《網頁設計師》上的，乙個非常經典的布局，在ie、mozilla和opera瀏覽器中均可以實現居中和高度自適應。完整**如下（在阿捷的**基礎上作了部分修改）：
源**：
seo參考:xhtml之經典三行兩列布局 - seobbs.net
title
>
<
style
type
="text/css"
>
...body
#header
#contain
#mainbg
#right
#left
#footer
.text
style
>
head
>
<
body
>
<
div
id="header"
>
header
div>
<
div
id="contain"
>
<
div
id="mainbg"
>
<
div
id="right"
>
<
div
class
="text"
><
p>
核心內容
p>
div>
div>
<
div
id="left"
>
<
div
class
="text"
>
left
div>
div>
div>
div>
<
div
id="footer"
>
footer
div>
body
>
html
>
效果如圖：
下面從seo角度分析這個布局的優勢：
我們先按網頁設計慣例來看頁面中的內容分布，一般情況下，頭部（a區）為站點導航，底部（d區）為輔助導航及版權資訊等，左側（b區）會放搜尋、列表、排行等功能性內容，核心內容就集中在右側（c區）。
如上圖標識所示，按傳統的布局，**編寫順序是「a->b->c->d」，也可以理解為「功能->功能->核心內容->功能」。
都知道，搜尋引擎蜘蛛爬行時，是按著頁面**順序自上而下的，這種情況下蜘蛛很難最快的爬行到核心內容；而當頁面**過多的時候蜘蛛完全有可能沒有爬行到核心內容就折回，抓取到的是與其他頁面一樣的功能內容時，這個頁面就成為相似網頁。
再來看本布局方式，頁面**順序是「a->c->b->d」，按內容分布可以理解為「功能->核心內容->功能->功能」，在不改變頁面展示的情況下，將核心內容部分放到了前面。 字串6
這樣，蜘蛛爬行時就能在最短時間內索引到網頁的核心內容。再加上xhtml標準設計**精簡的優勢，蜘蛛爬行的效率和質量都會很高，也會更受蜘蛛歡迎
ps:蜘蛛關我鳥事，我又不靠這個掙錢～
寫乙個ExtJs的頁面框架
今天試著寫了乙個extjs的頁面展現，就是乙個大框，沒什麼功能，供以後在應用的時候作為參考，頁面的結構是 左邊乙個樹，右面乙個tabpanel，tabpanel中通過iframe套了乙個grid，首先是index頁面 index頁面中定義乙個 index.js 如下 ext.onready func...
乙個非常方便的 fragment 頁面框架
簡介 乙個非常方便的 fragment 頁面框架 更多 作者 提 bug 標籤 page 乙個非常方便的 fragment 頁面框架 目前支援主流開發工具 androidstudio 的使用，直接配置 build.gradle，增加依賴即可.1.先在專案根目錄的 build.gradle 的 rep...
乙個登入頁面
登入頁面寫起來很簡單，但寫多了每次都重新寫乙個的話還是覺得很費事的，所以寫了個模板放這裡，以後需要的話直接用這個改。登入 title style login login title line line input line a line span log submit style head body...