"你知道我的名字，卻不知道我的故事.計算機檔案的命名多數以英文，是因為系統是歪果仁研發和計算處理方式以英文字符為主進行展開的,所以持續地學英文何其重要！"
——有心人做有心事哦，晚安EmilyChen！
| WEB開發約定 | ||
|---|---|---|
| 檔案命名 | 【√】小寫的英文字母、數字和下劃線的組合 | 【！】不得含漢字、空格和特殊字符 |
| 命名規范好處 | ①方便團隊理解代碼開發的檔案含義 | ②使用“按名稱排例”的命令時，同類檔案能夠排列在一起 |
| 以便查找、修改、替換、計算負載量等操作 |
（一）HTML的命名原則
| 檔案型別 | 命名舉例（小寫） | |
|---|---|---|
| 引檔案 | index.htm index.html index.asp | |
| 子頁檔案 | \aboutus | 關于我們 |
| \feedback | 資訊反饋 | |
| \product | 產 品 | |
| 英語翻譯取單一單詞為名,確實復雜則用拼音 |
（二）圖片的命名原則
圖片的名稱分為前后兩部分，用下劃線"_"隔開
| 圖片性質 | 舉例 | |
|---|---|---|
| 前部分表示此圖片的大類 | 頁面頂部長方形廣告banner | banner_meitu.jpg |
| 標志logo | logo_sina.jpg | |
| 選單menu | menu_aboutus.jpg | |
| 按鈕button | button_send.jpg | |
| 裝飾pic | pic_flowers.jpg | |
| 不帶鏈接表示的標題title | title_news.jpg | |
| 滑鼠經過 | banner1_on.gif | |
| 滑鼠離開 | banner1_off.gif | |
| 后部分是面向物件、甲方爸爸 |
（三）javascript的命名原則
例如：①廣告條的javascript檔案名為 ad.js
②彈出視窗的javascript檔案名為 pop.js
（四）動態語言檔案命名原則
以性質_描述，描述可以有多個單詞，用下劃線“_”隔開，性質一般是該頁面的概要，
例如：①register_form.asp
②register_post.asp
③topic_lock.asp
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/2376.html
標籤：Html/Css
上一篇：HTML5+CSS3前端入門教程---從0開始通過一個商城實體手把手教你學習PC端和移動端頁面開發第4章CSS文本樣式
下一篇：CSS的簡介和語法