教育行業(yè)A股IPO第一股(股票代碼 003032)

全國(guó)咨詢/投訴熱線:400-618-4000

為什么要規(guī)范命名網(wǎng)頁模塊?常見的命名規(guī)則有哪些?

更新時(shí)間:2021年05月24日16時(shí)58分 來源:傳智教育 瀏覽次數(shù):

傳智教育-一樣的教育,不一樣的品質(zhì)

網(wǎng)頁模塊的命名,看似無足輕重,但如果沒有統(tǒng)一的命名規(guī)范進(jìn)行必要約束,隨意命名就會(huì)使整個(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)頁中,常用的命名方式有“駝峰式命名”和“帕斯卡命名”兩種,對(duì)它們的具體解釋如下:

● 駝峰式命名:除了第一個(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
滾動(dòng) scroll 標(biāo)簽頁 tab
文章列表 list 提示信息 msg
小技巧 tips 欄目標(biāo)題 title
加入 joinus 指南 guild
服務(wù) service 注冊(cè) regsiter
狀態(tài) status 投票 vote
合作伙伴 partner
CSS文件 命名 CSS文件 命名
主要樣式 master 基本樣式 base
模塊樣式 module 版面樣式 layout
主題 themes 專欄 columns
文字 font 表單 forms
打印 print





猜你喜歡:

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

jQery網(wǎng)頁編程如何使用篩選選擇器?

CSS動(dòng)畫和JS動(dòng)畫缺點(diǎn)和優(yōu)點(diǎn)分別是什么?

網(wǎng)頁一般用什么工具布局?常用的網(wǎng)頁流程布局介紹

傳智教育前端與移動(dòng)開發(fā)培訓(xùn)

0 分享到:
和我們?cè)诰€交談!