前端操作規(guī)范(綜合).docx

《前端操作規(guī)范(綜合).docx》由會(huì)員分享，可在線閱讀，更多相關(guān)《前端操作規(guī)范(綜合).docx（14頁珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

文件操作規(guī)范-CSS 目錄 ? 1 CSS文件存放及命名規(guī)則 ? 2 規(guī)范描述 ? 3 規(guī)范詳細(xì) o 3.1 CSS文件目錄結(jié)構(gòu)說明： o 3.2 命名規(guī)則： ? 4 備注 ? 5 修改歷史 CSS文件存放及命名規(guī)則 規(guī)范編號(hào): B201b 定制時(shí)間/版本: 2009年5月/1.0 接口人: 備注: 備注 規(guī)范描述 目的 為了規(guī)范日常工作中CSS文件的命名和服務(wù)器存放而設(shè)定這個(gè)規(guī)則。 說明 規(guī)則包含:現(xiàn)服務(wù)器CSS目錄結(jié)構(gòu)、CSS文件命名規(guī)則、一些主要CSS文件功能說明。 規(guī)范詳細(xì) CSS文件目錄結(jié)構(gòu)說明： 現(xiàn)在CSS文件全部存放在圖片服務(wù)器 \assets\c\ 目錄下，其文件結(jié)構(gòu)。 Global : 公用css Sys: 組件css Typography: 頁面css 命名規(guī)則 存放的CSS文件必須存放兩份,一份未壓縮過的文件以”文件名. source.css”命名,一份為壓縮后的文件.壓縮工具在 //product.alipay.net/ 。命名規(guī)范: 目錄結(jié)構(gòu) 目錄 存放原則 命名規(guī)范 備注 global 全站通用的css 見備注 sys 經(jīng)常會(huì)被重用的組件css，一般配合js庫中的組件js使用 sys.組件英文名.css 例如：tab切換的樣式表命名為：sys.tab.css typography 模塊頁面css 模塊英文縮寫.子模塊英文名.css模塊英文縮寫有以下幾種： 服務(wù)(sc) 產(chǎn)品(pd) 單任務(wù) (as) 其他(ot) 例如: pd.coupon.css NOTICE 如果是在開放wiki里面依舊要注意結(jié)合template的設(shè)置來一起操作.一旦允許了子頁面,并且開啟了所有空間都可以變成template的時(shí)候,惡意添加將會(huì)更加容易. {主要CSS } 目錄 樣式文件 所屬類型 適應(yīng)范圍 global global_v1.css 公用 網(wǎng)站統(tǒng)一樣式 component.css 公用組件樣式 layout.css 布局樣式 v2.0.css sys.calendar.css 日歷樣式 sys sys.datepicker.css 公用 sys.tabs.css Tab樣式 sys.thickbox.source.css 備注 ? 文件結(jié)構(gòu)為“極品飛車“項(xiàng)目后整理出的文件夾結(jié)構(gòu)。 修改歷史 修改時(shí)間 修改人 修改說明 2009年52月 偉強(qiáng) 創(chuàng)建 (X)HTML開發(fā)規(guī)范 取自 Alipay WD 作者：張貞 目錄 l 1 HTML開發(fā)規(guī)范 o 1.1 本規(guī)范概述 o 1.2 執(zhí)行本規(guī)范時(shí)建議的流程 o 1.3 在HTML 4.01 Strict標(biāo)準(zhǔn)上的強(qiáng)化規(guī)則 1.3.1 一般規(guī)則 1.3.2 樣式分離規(guī)則 1.3.3 腳本分離規(guī)則 o 1.4 內(nèi)容模型 o 1.5 Doctype o 1.6 TITLE元素 o 1.7 META元素 o 1.8 TABLE元素 o 1.9 TH元素 o 1.10 A元素 o 1.11 LINK元素 o 1.12 IMG元素 o 1.13 FORM元素 o 1.14 INPUT元素 o 1.15 LABEL元素 o 1.16 EMBED元素 o 1.17 IFRAME元素 o 1.18 (X)HTML注釋 o 1.19 HTML書寫規(guī)范 o 1.20 HTML常見錯(cuò)誤舉例 HTML開發(fā)規(guī)范 本規(guī)范概述 制定本規(guī)范的目的在于使我們的(X)HTML能夠適應(yīng)更多的客戶端，符合標(biāo)準(zhǔn)的好處就在于此，而不在于機(jī)械化的執(zhí)行。 執(zhí)行本規(guī)范時(shí)建議的流程 建議使用D(esign)C(oding)D(ebug)V(alidate)R(oundup)，即DCDVR的流程。首先對(duì)(X)HTML模板進(jìn)行規(guī)劃，然后才開始編碼，編碼的同時(shí)進(jìn)行Debug，Validate和代碼片斷的總結(jié)，而不是在所有模板都完成后才進(jìn)行這三個(gè)步驟。 在HTML 4.01 Strict標(biāo)準(zhǔn)上的強(qiáng)化規(guī)則 一般規(guī)則 ? 所有非空元素必須有閉合tag，如

這是一個(gè)段落

? 元素名稱和屬性名稱全部小寫 ? 屬性值必須使用雙引號(hào)包圍 ? 在某些腳本必要的地方才使用 name 屬性，否則一律使用id屬性 ? 在屬性值和元素內(nèi)容出現(xiàn)的地方，如果有字符 ", &, <, > ，那么應(yīng)當(dāng)分別使用 ", &, <, > 樣式分離規(guī)則 ? 樣式統(tǒng)一在 head 元素中使用 link 元素引用，不得在 head 元素以外的地方添加樣式，不得在元素中使用 style 屬性，不應(yīng)當(dāng)在元素中使用其他樣式屬性，如 background 等，不應(yīng)當(dāng)使用具有樣式特征的元素，如 br, hr 等，其中br元素代表語氣停頓，通常用于詩句，但這并不表示任何需要換行的地方就應(yīng)當(dāng)使用br元素。 ? 可以將樣式統(tǒng)一寫在 元素中的