更新時間:2021-05-24 來源:黑馬程序員 瀏覽量:
網(wǎng)頁模塊的命名,看似無足輕重,但如果沒有統(tǒng)一的命名規(guī)范進行必要約束,隨意命名就會使整個網(wǎng)站的后續(xù)工作很難進行。因此網(wǎng)頁模塊命名規(guī)范非常重要,需要引起初學者的足夠重視。通常網(wǎng)頁模塊的命名需要遵循以下幾個原則:
● 避免使用中文字符命名(例如id="導航欄")
● 不能以數(shù)字開頭命名(例如id="1nav")
● 不能占用關鍵字(例如id="h3")
● 用最少的字母達到最容易理解的意義
在網(wǎng)頁中,常用的命名方式有“駝峰式命名”和“帕斯卡命名”兩種,對它們的具體解釋如下:
● 駝峰式命名:除了第一個單詞外其余單詞首寫字母都要大寫(例如partOne)
● 帕斯卡命名:每一個單詞之間用“_”連接(例如content_one)
了解了命名原則和命名方式,接下來為大家列舉網(wǎng)頁中常用的一些命名,具體如表1所示。
表1 常用命名規(guī)則
相關模塊 | 命名 | 相關模塊 | 命名 |
---|---|---|---|
頭 | header | 內(nèi)容 | content/container |
導航 | nav | 尾 | footer |
側(cè)欄 | sidebar | 欄目 | column |
左邊、右邊、中間 | left right center | 登錄條 | loginbar |
標志 | logo | 廣告 | banner |
頁面主體 | main | 熱點 | hot |
新聞 | news | 下載 | download |
子導航 | subnav | 菜單 | menu |
子菜單 | submenu | 搜索 | search |
友情鏈接 | frIEndlink | 版權 | copyright |
滾動 | scroll | 標簽頁 | tab |
文章列表 | list | 提示信息 | msg |
小技巧 | tips | 欄目標題 | title |
加入 | joinus | 指南 | guild |
服務 | service | 注冊 | regsiter |
狀態(tài) | status | 投票 | vote |
合作伙伴 | partner | ||
CSS文件 | 命名 | CSS文件 | 命名 |
主要樣式 | master | 基本樣式 | base |
模塊樣式 | module | 版面樣式 | layout |
主題 | themes | 專欄 | columns |
文字 | font | 表單 | forms |
打印 |
猜你喜歡:
網(wǎng)頁中哪種圖像格式更能提升網(wǎng)頁加載速度?
什么是網(wǎng)頁布局?DIV+CSS技術的布局流程是怎樣的?