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

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

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

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

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

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

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

● 用最少的字母達(dá)到最容易理解的意義

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

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

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

1621845998696_模塊的命名2.jpg

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

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

相關(guān)模塊	命名	相關(guān)模塊	命名
頭	header	內(nèi)容	content/container
導(dǎo)航	nav	尾	footer
側(cè)欄	sidebar	欄目	column
左邊、右邊、中間	left right center	登錄條	loginbar
標(biāo)志	logo	廣告	banner
頁面主體	main	熱點(diǎn)	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