教你(nǐ)書(shū)寫标準的(de)CS↑ φS命名寫法。随著(zhe)網頁制(zhì)‌&&♠作(zuò)人(rén)員(yuán)的(de)增$‌≤☆多(duō)，技(jì)術(shù)水(shuǐ)平的(de)參差不(bùδ<<)齊，造成網頁制(zhì)作(zuò)的(de)↑✘↑也(yě)是(shì)五花(huā)八門(mén)，在這(z©≠hè)裡(lǐ)，首創網絡與大(dà)家($Ωjiā)一(yī)塊學習(xí)下(xià)，π"合理(lǐ)的(de)命名方法：

　　一(yī)．文(wén)件(jiàn)命名規範

　　全局樣式：global.css；

　　框架布局：layout.css；

　　字體(tǐ)樣式：font.css；

　　鏈接樣式：link.css；

　　打印樣式：print.css；

　　主要(yào)的(de)master.css

　　專欄columns.css

　　主題themes.css

　　主要(yào)的(de)master.css

　　模塊module.css

　　基本共用(yòng)base.css

　　表單forms.css

　　補丁mend.css

　　二．頁面結構

　　容器(qì):container

　　頁頭：header

　　內(nèi)容：content

　　頁面主體(tǐ)：main

　　頁尾：footer

　　欄目：column

　　頁面外(wài)圍控制(zhì)整體(tǐ☆≥)布局寬度：wrapper

　　左右中：leftrightcenter

　　三．導航

　　導航：nav

　　主導航：mainbav

　　子(zǐ)導航：subnav

　　頂導航：topnav

　　邊導航：sidebar

　　左導航：leftsidebar

　　右導航：rightsidebar

　　菜單：menu

　　子(zǐ)菜單：submenu

　　摘要(yào):summary

　　四．功能(néng)

　　标志(zhì)：logo

　　廣告：banner

　　登陸：login

　　登錄條：loginbar

　　注冊：regsiter

　　搜索：search

　　功能(néng)區(qū)：shop

　　标題：title

　　加入：joinus

　　狀态：status

　　按鈕：btn

　　滾動：scroll

　　标簽頁：tab

　　文(wén)章(zhāng)列表：list×λ

　　提示信息：msg

　　當前的(de):current

　　小(xiǎo)技(jì)巧：tips

　　圖标:icon

　　注釋：note

　　指南(nán)：guild

　　服務：service

　　熱(rè)點：hot

　　新聞：news

　　下(xià)載：download

　　投票(piào)：vote

　　合作(zuò)夥伴：partner

　　友(yǒu)情鏈接：link

　　版權：copyright

　　Containerp

　　#container

　　容器(qì)

　　Layout

　　#layout

　　布局

　　Headerorbannerp

　　#head,#header

　　頁頭部分(fēn)

　　Footerp

　　#foot,#footer

　　頁腳部分(fēn)

　　Navigationlist

　　#nav

　　主導航

　　Sub-navigationlist

　　#subNav

　　二級導航

　　Menu

　　#menu

　　菜單

　　SubMenu

　　#submenu

　　子(zǐ)菜單

　　Leftorrightsideco¥✔&lumns

　　#sidebar_a,#sideb↑✘ar_b

　　左邊欄或右邊欄

　　Mainp

　　#main

　　頁面主體(tǐ)

　　Tag

　　#tag

　　标簽

　　Message

　　#msg#message

　　提示信息

　　Tips

　　#tips

　　小(xiǎo)技(jì)巧

　　Vote

　　#vote

　　投票(piào)

　　FriendLink

　　#friendlink

　　友(yǒu)情連接

　　Title

　　#title

　　标題

　　Summary

　　#summary

　　摘要(yào)

　　Searchinput

　　#searchInput

　　搜索輸入框

　　Searchoutput

　　#search_output

　　搜索輸出和(hé)搜索結果相(xiàng)<π↕似

　　Search

　　#search

　　搜索

　　Searchbar

　　#searchBar

　　搜索條

　　Searchresults

　　#search_results

　　搜索結果

　　Copyrightinformatio♠€σ₽n

　　#copyright

　　版權信息

　　brand

　　#branding

　　商标

　　branding-logo

　　#logo

　　LOGO

　　Siteinformation

　　#siteinfo

　　網站(zhàn)信息

　　Copyrightinformati×≠onetc.

　　#siteinfoLegal

　　法律聲明(míng)

　　Designerorothercredits

　　#siteinfoCredits

　　信譽

　　Joinus

　　#joinus

　　加入我們

　　Partnershipopportunities

　　#partner

　　合作(zuò)夥伴

　　Services

　　#service

　　服務

　　Regsiter

　　#regsiter

　　注冊

　　Arrow

　　arr/arrow

　　箭頭

　　Little

　　#little

　　标題

　　Websitemap

　　#sitemap

　　網站(zhàn)地(dì)圖

　　List

　　#list

　　列表

　　Homepage

　　#homepage

　　首頁

　　Subpage

　　subpage

　　二級頁面子(zǐ)頁面

　　Toolbar

　　#tool,#toolbar

　　工(gōng)具條

　　Nextpulls

　　#drop

　　下(xià)拉

　　Nextpullsmenu

　　#dorpmenu

　　下(xià)拉菜單

　　Status

　　#status

　　狀态

　　Containerp

　　#container

　　容器(qì)

　　Headerorbannerp

　　#header

　　頁頭部分(fēn)

　　Mainorglobalnavigationp

　　#mainNav

　　主導航

　　Menu

　　#menu

　　菜單

　　SubMenu

　　#submenu

　　子(zǐ)菜單

　　Leftorrightsidecolumns★ε←

　　#sidebarA,#sidebarB

　　左邊欄或右邊欄

　　Mainp

　　#main

　　頁面主體(tǐ)

　　Contentp

　　#content

　　內(nèi)容部分(fēn)

　　Themaincontentarea

　　#contentMain

　　主要(yào)內(nèi)容區(qū)域

　　Footerp

　　#footer

　　頁腳部分(fēn)

　　Tag

　　#tag

　　标簽

　　Message

　　#msg#message

　　提示信息

　　Tips

　　#tips

　　小(xiǎo)技(jì)巧

　　Vote

　　#vote

　　投票(piào)

　　FriendLink

　　#friendlink

　　友(yǒu)情連接

　　Title

　　#title

　　标題

　　Summary

　　#summary

　　摘要(yào)

　　Sub-navigationlist

　　#subNav

　　二級導航

　　Searchinput

　　#searchInput

　　搜索輸入框

　　Searchoutput

　　#searchOutput

　　搜索輸出和(hé)搜索結果相(xiàng)似

　　Search

　　#search

　　搜索

　　Searchresults

　　#searchResults

　　搜索結果

　　Copyrightinformatio±₩n

　　#copyright

　　版權信息

　　brand

　　#branding

　　商标

　　branding-logo

　　#brandingLogo

　　LOGO

　　Siteinformation

　　#siteinfo

　　網站(zhàn)信息

　　Copyrightinformationetc.

　　#siteinfoLegal

　　法律聲明(míng)

　　Designerorothercredits

　　#siteinfoCredits

　　信譽

　　Joinus

　　#joinus

　　加入我們

　　Partnershipopport☆✔©unities

　　#partner

　　合作(zuò)夥伴

　　Services

　　#service

　　服務

　　Regsiter

　　#regsiter

　　注冊

　　Status

　　#status

　　狀态

　　Products

　　.products

　　産品

　　Productsprices

　　.productsPrices

　　産品價格

　　Productsdescription

　　.productsDescription

　　産品描述

　　Productsreview

　　.productsReview

　　産品評論

　　Editor'sreview

　　.editorReview

　　編輯評論

　　Newrelease

　　.newsRelease

　　最新産品

　　Publisher

　　.publisher

　　生(shēng)産商

　　Screenshot

　　.screenshot

　　縮略圖

　　FAQ

　　.faqs

　　常見(jiàn)問(wèn)題

　　Keyword

　　.keyword

　　關鍵詞

　　Blog

　　.blog

　　博客

　　Forum

　　.forum

　　論壇

　　XHTML-CSS寫作(zuò)建議(yì)

　　1.所有(yǒu)的(de)xhtml代碼小(xiǎ"♠>o)寫

　　2.屬性的(de)值一(yī)定要(yγλào)用(yòng)雙引号("")括起來(lái)，且一(yī)定要(yàoπ☆→β)有(yǒu)值

　　3.每個(gè)标簽都(dōu)要(yào)有(y ≠≈©ǒu)開(kāi)始和(hé)結束，且要(yào)有(yǒu)正确的(de)層>←↔δ次

　　4.空(kōng)元素要(yào)有(yǒu¶'←$)結束的(de)tag或于開(kāi)始的(de)tag後加 ∑♥★上(shàng)"/"

　　5.表現(xiàn)與結構完全分(fēn)離(lí)，代碼中不(≈♣&bù)涉及任何的(de)表現(xiàn)元≤®£素，如(rú)style、font、bgColor、border等♦‍'

　　6.

到(dào)

的(de)定義，應遵循從(cóng)大(dà)到(dào)小(xiǎo)的(×​≈de)原則，體(tǐ)現(xiàn)文(wén)檔的(de)結構，并有(yǒuγ€‌)利于搜索引擎的(de)查詢。

　　7.給每一(yī)個(gè)表格和(hé)表單 ‍加上(shàng)一(yī)個(gè)唯一(yī)的(de)、‌×€'結構标記id

　　8.給重要(yào)的(de)區(qū)塊加上(shàn♣•g)注釋,如(rú)：

　　9.給圖片加上(shàng)alt标簽

　　10.所有(yǒu)的(de)标簽必須進行(xíng)合理(>÷γlǐ)的(de)嵌套

　　11.根元素前必須有(yǒu)元素，宣告使用(yòng)那×€‌(nà)一(yī)種DTD

　　12.根元素必須有(yǒu)xmlns屬性來(lái)指定使用(yòng↔λ)http://www.w3.org/1999/xht✔¶ml的(de)namespace