css命名規則t：

CSS命名規則

　　頭：header

　　內容：content/containe

　　尾：footer

　　導航：nav

　　側欄：sidebar

　　欄目：column

　　頁面外圍控制整體布局寬度：wrapper

　　左右中：left right center

　　登錄條：loginbar

　　標志：logo

　　廣告：banner

　　頁面主體：main

　　熱點：hot

　　新聞：news

　　下載：download

　　子導航：subnav

　　菜單：menu

　　子菜單：submenu

　　搜索：search

　　友情鏈接：friendlink

　　頁腳：footer

　　版權：copyright

　　滾動：scroll

　　標簽頁：tab

　　文章列表：list

　　提示信息：msg

　　小技巧：tips

　　欄目標題：title

　　加入：joinus

　　指南：guild

　　服務：service

　　注冊：regsiter

　　狀態：status

　　投票：vote

　　合作伙伴：partner

XHTML文件中id的命名

(1)頁面結構

　　容器: container

　　頁頭：header

　　內容：content/container

　　頁面主體：main

　　頁尾：footer

　　導航：nav

　　側欄：sidebar

　　欄目：column

　　頁面外圍控制整體布局寬度：wrapper

　　左右中：left right center

(2)導航

　　導航：nav

　　主導航：mainbav

　　子導航：subnav

　　頂導航：topnav

　　邊導航：sidebar

　　左導航：leftsidebar

　　右導航：rightsidebar

　　菜單：menu

　　子菜單：submenu

　　標題: title

　　摘要: summary

(3)功能

　　標志：logo

　　廣告：banner

　　登陸：login

　　登錄條：loginbar

　　注冊：regsiter

　　搜索：search

　　功能區：shop

　　標題：title

　　加入：joinus

　　狀態：status

　　按鈕：btn

　　滾動：scroll

　　標簽頁：tab

　　文章列表：list

　　提示信息：msg

　　當前的: current

　　小技巧：tips

　　圖標: icon

　　注釋：note

　　指南：guild

　　服務：service

　　熱點：hot

　　新聞：news

　　下載：download

　　投票：vote

　　合作伙伴：partner

　　友情鏈接：link

　　版權：copyright

1.CSS ID 的命名

外　套：　　wrap

主導航：　　mainnav

子導航：　　subnav

頁　腳：　　footet

整個頁面：　content

頁　眉：　　header

頁　腳：　　footer

商　標：　　label

標　題：　　title

主導航：　　nav（mainnav/globalnav）

頂導航：　　topnav

邊導航：　　sidebar

左導航：　　leftsidebar

右導航：　　rightsidebar

當前位置：　loc

旗　志：　　logo

標　語：　　banner

菜單內容1： menu1 content

菜單容量：　menu container

子菜單：　　submenu

邊導航圖標：sidebarIcon

注釋：　　　note

面包屑：　　breadcrumb(即頁面所處位置導航提示）

容器：　　　container

內容：　　　content

搜索：　　　search

登陸：　　　Login

功能區：　　shop(如購物車，收銀臺)

當前的　　　current

網站公用相關

Container div #container 容器

Header or banner div #header 頁頭部分

Main or global navigation div #main-nav 主導航

Menu #menu 菜單

Sub Menu #submenu 子菜單

Left or right side columns #sidebar-a, #sidebar-b 左邊欄或右邊欄

Main div #main 頁面主體

Content div #content 內容部分

The main content area #content-main 主要內容區域

Footer div #footer 頁腳部分

Tag #tag 標簽

Message #msg #message 提示信息

Tips #tips 小技巧

Vote #vote 投票

Friend Link #friendlink 友情連接

Title #title 標題

Summary #summary 摘要

Sub-navigation list #sub-nav 二級導航

Search input #search-input 搜索輸入框

Search output #search-output 搜索輸出和搜索結果相似

Search #search 搜索

Search results #search-results 搜索結果

Copyright information #copyright 版權信息

brand #branding 商標

branding-logo #branding-logo LOGO

Site information #siteinfo 網站信息

Copyright information etc. #siteinfo-legal 法律聲明

Designer or other credits #siteinfo-credits 信譽

Join us #joinus 加入我們

Partnership opportunities #partner 合作伙伴

Services #service 服務

Regsiter #regsiter 注冊

Status #status 狀態

電子貿易相關

Products .products 產品

Products prices .products-prices 產品價格

Products description .products-description 產品描述

Products review .products-review 產品評論

Editor's review .editor-review 編輯評論

New release .news-release 最新產品

Publisher .publisher 生產商

Screen shot .screenshot 縮略圖

FAQ .faqs 常見問題

Keyword .keyword 關鍵詞

Blog .blog 博客

Forum .forum 論壇

2.另外在編輯樣式表時可用的注釋可這樣寫：

<-- Footer -->

內容區

<-- End Footer -->

3.樣式文件命名

主要的 master.css

布局，版面 layout.css

專欄 columns.css

文字 font.css

打印樣式 print.css

主題 themes.css

如<area shape="rect" coords="703,3,750,26" href="#top"> 

HTML <area> 標簽

定義和用法

定義圖像地圖中的某個區域。

HTML與XHTML之前的差異

在HTML中，<area>沒有結束標簽。

在XHTML中，<area>必須被正確地關閉。

提示和注釋：

此元素永遠被嵌套在<map>標簽內部。

注釋：<img>中的usemap屬性可引用<map>中的id或name屬性（由瀏覽器決定），所以我們需要同時向<map>添加id和name兩個屬性。

必需的屬性

DTD指示此屬性允許在哪種DTD中使用。S=Strict, T=Transitional, and F=Frameset. 屬性 值 描述 DTD 

alt text 定義此區域的替換文本 STF 

可選的屬性

屬性 值 描述 DTD 

coords 如果shape="rect" 那么 coords="left,top,right,bottom" 

如果shape="circ" 那么 coords="centerx,centery,radius" 

如果shape="poly" 那么 coords="x1,y1,x2,y2,..,xn,yn" 

 Specifies the coordinates for the clickable area STF 

href URL 定義此區域的目標URL STF 

nohref true 

false 

 從圖像地圖排除某個區域 STF 

shape rect 

rectangle 

circ 

circle 

poly 

polygon 

 定義區域的形狀 STF 

target  _blank 

_parent 

_self 

_top 

在何處打開目標URL. 

_blank - 目標URL會在新窗口打開 

_self - 當其被點擊時，目標URL會在同一框架中打開 

_parent - 目標URL會在父框架中打開 

_top - 目標URL會在整個的窗口中打開 

 TF 

標準屬性

id, class, title, style, dir, lang, xml:lang, tabindex, accesskey

如需完整的描述，請訪問標準屬性。