根據頁面型別分離檔案
根據功能模組分離檔案
根據裝置型別分離檔案
根據**模式綜合分離檔案
頁面頭部指的是**中部分，具體一點就是「description」（描述）和「keywords」（關鍵字）兩部分。
「關鍵字」部分應該列出你認為合適的，能夠突出**內容的關鍵字即可，不要設定太多，大概設定個10個左右即可，搜尋引擎只會瀏覽靠前的幾個關鍵字。
name
="keywords"
content="
"/>
name
="description"
content="
" />
name
="generator"
content="
"/>
name
="author"
content
="你的名字"
/>
前言: 搜尋引擎為何可以能夠索引全世界的**？採用純文字鏈結，少用，最好是別用flash動畫設定鏈結，因為搜尋引擎無法識別flash上的文字。是因為各個搜尋引擎程式中都會有乙個會自動"爬行"於網際網路上的智慧型機械人程式,這個機械人就是順著**之間的鏈結遊覽世界的，那麼我們應該為他創造乙個良好的爬行通道–合理的鏈結
按規範書寫超連結，這個title屬性，它既可以起到提示訪客的作用，也可以讓搜尋引擎知道它要去**。
資料：許多公司、個人都喜歡酷酷的flash動畫，**的入口也做成flash片段、、搜尋引擎很難光顧這樣的**。而且個別設計者非常馬虎，把**的入口鏈結放在了flash上，有時因為網路繁忙，缺少flash外掛程式而導致使用者根本看不到**的內容。
優化並不是修改的大小、顏色，而是你應該為每個標籤加上alt屬性，alt屬性的作用是當無法顯示時以文字作為替代顯示出來，而對於seo來說，它可以令搜尋引擎有機會索引你**上的，對於一些確實沒什麼意義的，最好也不要省略alt，而應該留空，即alt=""。
目前所有的seo都認為，google一類的搜尋引擎會盡量避免索引帶有引數動態頁面，而喜歡索引普通的靜態頁面，這一點並未得到google等搜尋引擎的明確回答，但從效果來看是這樣。
畢竟動態頁面的變數太大，舉個例子，你發了乙個帖子，可能在論壇某板塊的第1頁上，可隨著跟則貼的增加你的發言可能就被擠到第10頁上了，因此，製作**的時候，最好避免使用動態頁面，或者改良技術，讓動態頁面自動生成對應的靜態頁面，既能便於搜尋引擎收錄，也可以降低**伺服器、資料庫負擔，一舉兩得，不過這也不是絕對的，**流量決定一切，即便是乙個全部採用動態頁面的**，但因為很受歡迎訪客不斷，那麼它還是會被搜尋引擎青睞，還是會出現在搜尋結果的前列。而且，隨著技術的進步，搜尋引擎也會改進，搜尋動態頁面將來必定會更加容易。
有經驗標明，搜尋引擎不喜歡索引大體積的頁面，即乙個頁面**部分的體積不要太大，控制在10okb內為佳.
web標準-結構表現行為分離
html css js分成三個單獨的檔案通過索引的形式在一起使用
原則:簡化**,易修改
命名方法（語義化命名、結構化命名）
命名規則
博主為例：
/* 清除標籤的內外邊距 */
body,ol,ul,dl,h1,h2,h3,h4,h5,h6,th,td,dd,form,input,fieldset,legend,textarea,select,p
/* 設定全域性預設字型大小字型 */
body,html
/* 取消預設加粗 */
h1,h2,h3,h4,h5,h6,b,strong
/* 取消預設傾斜 */
i,em
/* 取消下劃線設定預設超連結字型顏色 */
a/* 取消專案符號 */
li/* 取消選中後的焦點框 */
input
img/* 萬能清除浮動法 */
.clearfix
.clearfix::afrer
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img
fieldset, img
imgaddress, caption, cite, code, dfn, th, var
ul, ol
body
aa:visited
a:hover, a:active, a:focus
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select
body
aa:hover
emli
imgtable
p.ind
.ind10
.noborder
body
body > div
div,form,ul,ol,li,span,p
img,a img
h1,h2,h3,h4,h5,h6
ul,ol,li
table,td,input
/* 預設鏈結顏色 */
aa:hover
CSS文件統籌
一 css文件統籌 1.整站裡相同的css樣式提取到乙個樣式表裡，各個頁面呼叫相同的樣式檔案即可 1 根據頁面型別分離檔案 2 根據功能模組分離檔案 3 根據裝置型別分離檔案 4 根據 規模分離檔案 3.引進文件 1 src 規定iframe中顯示的文件的url 2 frameborder 0 無邊...
css樣式重置
作為一名切圖仔，經常會遇到頭疼的各大瀏覽器相容性問題，確切的說是相容它們 預設 的css樣式表。重置樣式成為我們為我們的網頁梳妝打扮的第一步，也是關鍵性的一步。以前我這樣重置樣式 body,html,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,pre,u...
css樣式重置
1.缺點 稍微影響效能 優點 不用考慮哪些標籤有預設樣式ula 取消連線下劃線 img問題現象 內容跟容器底部出現縫隙 內聯元素的對齊方式是按照文字基線對齊的，而不是文字底線對齊的 2.寫具體頁面的時候或乙個布局效果的時候 1.寫結構 2.css重置樣式 3.寫具體樣式 3.浮動 概念 脫離文件流，...