2. 程式人生 > >常用網頁元素命名規範參

常用網頁元素命名規範參

阿新 • • 發佈：2019-07-12

網頁元素名稱的規範性有助於團隊內部成員的溝通，同時還能夠提高後期的維護性，網頁元素的命名主要是針對id和class進行的，針對網頁元素的命名沒有業界標準，但有一些大家公認的規則。

一般情況下id我們通常採用camelCase命名規則（首字母小寫，其它單詞首字母大寫），比如：studentName和fontColor等。針對Class的命名，我們不難發現，很多開源框架都使用短橫線分割小寫單詞，比如：ui-widget-header和content-right，除了遵守這樣的規則外，一個有意義的名稱也是非常重要的，下面列舉一些常用的網頁命名詞彙，零度建議，僅供參考。

<

相關推薦

常用網頁元素命名規範參

網頁元素名稱的規範性有助於團隊內部成員的溝通，同時還能夠提高後期的維護性，網頁元素的命名主要是針對id和class進行的，針對網頁

常用網頁元素命名規範參考

ren containe wrapper 友情鏈接 合作夥伴 -c blog 命名 ack 網頁元素名稱的規範性有助於團隊內部成員的溝通，同時還能夠提高後期的維護性，網頁元素的命名主要是針對id和class進行的，針對網頁元素的命名沒有業界標準，但有一些大家公認的規則。 一

網頁設計命名規範

三.Photoshop圖層結構規範: Photoshop圖層命名遵循樹形結構，凡某元素組成的圖層大於3層，即可形成組，所有圖層儘量避免使用預設命名(圖層+編號)。 圖層命名結構  四．常用命名彙總: 站點：site 首頁：homepage 當前位置：currentPath 二級頁面/子頁面：subpage 佈

Puppet主機、模塊、類、資源、變量、參數、標簽命名規範

gin 為知 字符 div nginx spa content tar pan Puppet命名規範：約定說明： 小寫字母："a-z"大寫字母："A-Z"數字: "0-9"句號: "."下劃線： "_"連字符： "-"冒號: ":"1.主機命名： 規範：/\A[a-z0-9

CSS命名規範(規則)常用的CSS命名規則

登錄 foo earch uil css命名規範 常用 head 主題 tags CSS命名規範(規則)常用的CSS命名規則   頭：header   內容：content/container   尾：footer   導航：nav   側欄：

網頁頁面佈局常見的命名規範

頭：header 內容：content、container 尾：footer 導航：nav 子導航：subnav 側欄：sidebar 欄目：column 頁面外圍控制整體佈局寬度：wrapper 左、右、中：left、right、center 登入條：lo

PHP個人常用簡單命名規範以及蒐集的相關命名規範

/** * [1、超過三個單片語成的混合類名是容易造成系統各個實體間的混淆，請重新設計類名] * [2、實際開發中，命名方式一般有以下幾種情況 ] * 大駝峰法：每個單詞首字母大寫 例如：BadCode * 小駝峰法

Greenplum常用命名規範及使用規範

2.5 常用命名規範 在資料庫中常用到表,序列,過程,觸發器,索引等的命名規範 2.5.1 表的命名規範 2.5.1.1 表的規範 1、表的命名應該簡單明瞭，禁止使用關鍵字作為表名。 2、表明應以下劃線作為作為單詞的劃分，增量表應該新增字尾的日期,例如:t_ent_basei

JavaScript實現網頁元素的拖拽效果

wid parseint fontsize current ini .net win == oct 以下的頁面中放了兩個div，能夠通過鼠標拖拽這兩個元素到任何位置。 實現該效果的HTML頁面代碼例如以下所看到的： <!DOCTYPE html> &

div,css命名規範！

版權信息 樣式 布局 faq 頁腳 blog 常見 join release 命名規則說明： 　　1）、所有的命名最好都小寫 　　2）、屬性的值一定要用雙引號("")括起來，且一定要有值如class="pcss5",id="pcss5" 　　3）、每個標簽都要有開始和結束，

項目命名規範（二）

-m dem source [] 組件 button 字符 int com 項目命名規範 1.文件夾命名 　　1)、最好用一個單詞描述 常用項目命名omi、element、master、project、test、vue、iview 二級目錄 b

關於文件，以及各個模塊的命名規範

class container wrap css命名 tag btn ase header sea 主要的master.css 、 模塊 module.css 、 基本共用 base.css 、 布局，版面 layout.css 、 主題 themes.css

js中常用追加元素的幾種方法：append，appendTo，after，before，insertAfter，insertBefore，appendChild

pre gre con 常用 align lin width insert rip js中常用追加元素的幾種方法,點擊下面每個按鈕，即可查看效果 我是第一個子元素 我是第二個子元素 append appendTo prepend prependTo a

Java項目命名規範

lob 標簽 接口 servle 一個數 大寫 命名規範 組成 所在 1、 項目名全部小寫 2、 包名全部小寫 3、 類名首字母大寫，一般都是使用駝峰式命名。 4、變量名、方法名首字母小寫，如果名稱由多個單詞組成，每個單詞的首字母都要大寫。 5、 常量名全

命名規範

script 並集 catalog project 習慣 文件夾 tail java log 前面的話 　　由歷史原因及個人習慣引起的 DOM 結構、命名不統一，導致不同成員在維護同一頁面時，效率低下，叠代、維護成本極高。所以，使用統一的命名規範非常必要。本文將詳細介紹命

css命名規範

css樣式 toolbar header 法律 mar 區域 content columns input css命名規範 頁面結構命名 1、page：代表整個頁面，用於最外層 2、wrap:外套，將所有元素包在一起的一個外圍包，用於最外層

python_如何為元組中每個元素命名

進行 port 數據 大量 程序 問題 什麽 log python 學生信息系統： （名字，年齡,性別，郵箱地址） 為了減少存儲開支，每個學生的信息都以一個元組形式存放 如： (‘tom‘, 18,‘male‘,[em

c# 可選參數與命名實參

log bsp img title clas logs www alt 分享 c#4.0: 鏈接:C# 可選參數 命名參數c# 可選參數與命名實參

BEM命名規範

並且 樣式 例子 uri value 規範 pan 宋體 val 　　謹以此文告誡自己浪費12個小時的教訓。 BEM的意思是塊(block)、元素(element)、修飾符(modifier),是由Yandex團隊提出的一種前端命名方法論。這種命名方法讓你的css類

Android 你不可不看的命名規範

動畫 方向 ces pack oncreate creat ack ear table 標識符命名法最要有四種: Camel(駱駝)命名法：除首單詞外，其余所有單詞的第一個字母大寫，如：fooBar; Pascal命名法:所有單詞的第一個字母大寫，如：FooBar； 下

常用名稱 備註說明 常用名稱 備註說明
header 網頁頭部 content/container 網頁內容
footer 頁尾版權 nav 導航
sidebar 側欄 column 欄目
wrapper 整體容器 loginbar 登陸條
logo 標誌 banner 廣告
main 頁面主體 hot 熱點
news 新聞 download 下載
subnav 子導航 menu 選單
submenu 子選單 search 搜尋
friendlink 友情連結 copyright 版權
scroll 滾動 tab 標籤頁
list 文章列表 msg 提示資訊
tips 小技巧 title 欄目標題
joinus 加入我們 guild 指南
vote 投票 partner 合作伙伴
mainbav 主導航 subnav 子導航
topnav 頂部導航 leftsidebar 左導航
rightsidebar 右導航 summary 摘要
btn 按鈕 current 當前的
icon 圖示 note 註釋