(一)xhtml的規範：
1、所有的xhtml代碼英文小寫
2、屬性的值一定要用雙引號("")括起來，且一定要有值
3、每個標籤都要有開始和結束，且要有正確的層次
4、表現與結構完全分離，代碼中儘量不涉及任何的表現元素，如style、font、bgColor、border等
5、<h1>到<h5>的定義，應遵循從大到小的原則，體現文檔的結構，並有利於搜索引擎的查詢
6、給重要的區塊加上註釋
7、圖片要加alt註釋
(二)CSS的規範：
1、id和class命名採用該版塊的英文單詞或組合命名，並第一個單詞小寫，第二個單詞首個字母大寫，如:newRelease（最新產品/new+Release) ,或者用下劃線鏈接new_Release.
2、CSS樣式表各區塊用註釋說明
註釋的寫法:
/* Footer */
內容區
/* End Footer */
3、儘量使用英文命名原則，儘量不縮寫，除非一看就明白的單詞
class的命名:
(1)顏色:使用顏色的名稱或者16進制代碼,如
.red { color: red; }
.f60 { color: #f60; }
.ff8600 { color: #ff8600; }
(2)字體大小,直接使用"font+字體大小"作爲名稱,如
.font12px { font-size: 12px; }
.font9pt {font-size: 9pt; }
(3)對齊樣式,使用對齊目標的英文名稱,如
.left { float:left; }
.bottom { float:bottom; }
(4)標題欄樣式,使用"類別+功能"的方式命名,如
.barnews { }
.barproduct { }
(5)頁面結構
容器：#container
佈局：#layout
頭部：#head、#header
尾部：#foot、#footer
側欄：#sidebar
左邊欄：#sidebarLeft
右邊欄：#sidebarRight
頁面主體：#main
欄目：#column
包裝/外套：#wrapper、wrap
內容：#content
(6)導航
導航：#nav
主導航：#mainNav
頂導航：#topNav
左導航：leftNav
右導航：rightNav
下導航：bottomNav
二級導航：#subNav
菜單：#menu
二級菜單：#subMenu
下拉：.drop
下拉菜單：.dropMenu
(7)功能
標籤：.tab、.tag
提示信息：.msg、.message
小技巧：.tips
註釋：.note
熱點：.hot
摘要：.summary
幫助：.help
投票：.vote
指南：.guild
商標：.branding
標籤：.label
工具條：.tool、.toolBar
標題：.title
LOGO：.logo
搜索：.search
搜索條：.searchBar
搜索框：.searchBox
搜索輸入框：.search_input
搜索輸出框：.search_output
搜索結果：.search_results
註冊：.register
登錄：.login
登錄條：.loginBar
登錄框：.loginBox
友情鏈接：.friendLink、.link
廣告/標語：.banner
版權信息：.copyright
加入我們：.joinUs
合作伙伴：.partner
服務：.service
網站地圖：.siteMap、.map
縮略圖：.screenShot
產品：products
產品價格：products_prices
產品描述：products_description
產品評論：products_review
最新產品：new_products
生產商：suppliers、publisher
編輯：editor
編輯評論：editor_review
博客：blog
論壇：forum
新聞：news
下載：download
網站信息：.siteinfo
法律聲明：.legal
信譽：.credits
列表：.list
(8)其他
左中右：left、center、right
上中下：top、middle、bottom
按鈕：btn
麪包屑：breadcrumb(即頁面所處位置導航提示)
滾動：scroll
當前：current
圖標：icon
箭頭：arrow
首頁：homePage、home
二級頁面：subPage
狀態：status
常見問題：faqs、questions
關鍵詞：keyword
(三)CSS文件名稱
頂部：top.css
底部：bottom.css
共享 share.css
基本共用 base.css
佈局，版面 layout.css
主要的 master.css
模塊 module.css
主題 themes.css
專欄 columns.css
文字 font.css
表單 forms.css
補丁 mend.css
打印 print.css
行或排：row1th,row2th,row3th,row4th...
列或縱：col1th,col2th,col3th,col4th...
(四)頁面圖片等的遵循以下幾條規範
頁面圖片用gif和jpg，在不失真前提下，越小越好。
名稱分爲頭尾兩部分，用下劃線隔開。頭部分表示此圖片的大類性質，例如廣告、標誌、菜單、按鈕等等。
一般來說:
放置在頁面頂部的廣告、裝飾圖案等長方形的圖片我們取名：banner/icon
標誌性的圖片我們取名爲：logo
在頁面上位置不固定並且帶有鏈接的小圖片我們取名爲button
在頁面上某一個位置連續出現，性質相同的鏈接欄目的圖片我們取名：menu
裝飾用的照片我們取名：pic
不帶鏈接表示標題的圖片我們取名：title
依照此原則類推，尾部分用來表示圖片的具體含義。
下面是幾個樣例，大家應該能夠一眼看明白圖片的意義：
banner_sohu.gif banner_sina.gif menu_aboutus.gif menu_job.gif title_news.gif logo_police.gif logo_national.gif pic_people.jpg pic_hill.jpg
(五)SEO相關
1 允許全文檢索的頁面，爲了使Internet 上的搜索引擎能夠有效檢索，在頻道的首頁的html的<head></head>之間應該加入Keywords 和Description 元標記，例如 ：
<meta name=”keywords” content=”東方新幹線，汽車，買車”>
<meta name=”description” content=”東方新干勁線，全球中文汽車信息第一站”>.
2.添加搜索引擎引導代碼：
<meta name="robots" content="index, follow" />
<meta name="googlebot" content="index, follow" />
附：雅虎優化：13條技巧提高網頁速度
網頁打開速度,是網站做SEO的一個重要方面,包括搜索引擎本身也會對自己的網頁考慮這個問題:最近，雅虎的Exceptional Performance團隊在其開發者網絡上提出了提高網頁打開速度的13條規則，其中包括“減少http請求“，避免網頁轉向"等
具體內容如下：
1.減少http請求
2.減少多媒體，圖片，聲音的使用，傳輸以文字內容爲先
3.用截止時間報頭，由於時間是將來，對於緩存來說，可以減少部分http請求
4.支持Gzip
5.把CSS放在網頁的頂部
6.活動的腳本文件放在底部
7.避免用CSS Expressions
8.把JavaScript和CSS單獨化，與網頁分離
9.減小DNS查表時間
10.最小化JavaScript
11.避免網頁的轉向
12.刪除重複的腳本