首頁技術(shù)文章正文

網(wǎng)頁模塊命名需要遵循哪些原則?【前端技術(shù)文章】

更新時間:2021-05-24 來源:黑馬程序員 瀏覽量:

1577370495235_學(xué)IT就到黑馬程序員.gif

網(wǎng)頁模塊的命名,看似無足輕重,但如果沒有統(tǒng)一的命名規(guī)范進行必要約束,隨意命名就會使整個網(wǎng)站的后續(xù)工作很難進行。因此網(wǎng)頁模塊命名規(guī)范非常重要,需要引起初學(xué)者的足夠重視。通常網(wǎng)頁模塊的命名需要遵循以下幾個原則:

● 避免使用中文字符命名(例如id="導(dǎo)航欄")

● 不能以數(shù)字開頭命名(例如id="1nav")

● 不能占用關(guān)鍵字(例如id="h3")

● 用最少的字母達到最容易理解的意義

在網(wǎng)頁中,常用的命名方式有“駝峰式命名”和“帕斯卡命名”兩種,對它們的具體解釋如下:

● 駝峰式命名:除了第一個單詞外其余單詞首寫字母都要大寫(例如partOne)

● 帕斯卡命名:每一個單詞之間用“_”連接(例如content_one)

1621845998696_模塊的命名2.jpg

了解了命名原則和命名方式,接下來為大家列舉網(wǎng)頁中常用的一些命名,具體如表1所示。

表1 常用命名規(guī)則

相關(guān)模塊命名相關(guān)模塊命名
頭                            header                    內(nèi)容                         content/container         
導(dǎo)航navfooter
側(cè)欄sidebar欄目column
左邊、右邊、中間left right center登錄條loginbar
標(biāo)志logo廣告banner
頁面主體main熱點hot
新聞news下載download
子導(dǎo)航subnav菜單menu
子菜單submenu搜索search
友情鏈接frIEndlink版權(quán)copyright
滾動scroll標(biāo)簽頁tab
文章列表list提示信息msg
小技巧tips欄目標(biāo)題title
加入joinus指南guild
服務(wù)service注冊regsiter
狀態(tài)status投票vote
合作伙伴partner
CSS文件命名CSS文件命名
主要樣式master基本樣式base
模塊樣式module版面樣式layout
主題themes專欄columns
文字font表單forms
打印print





猜你喜歡:

網(wǎng)頁中哪種圖像格式更能提升網(wǎng)頁加載速度?

什么是網(wǎng)頁布局?DIV+CSS技術(shù)的布局流程是怎樣的?

表格標(biāo)簽的特性,如何在HTML網(wǎng)頁中創(chuàng)建表格

黑馬程序員前端與移動開發(fā)培訓(xùn)培訓(xùn)

分享到:
在線咨詢 我要報名
和我們在線交談!