Re: [問題] DIV&CLASS命名規則

[ChowMein (杉斑加紋)]

※ 引述《WWWVVV (好吧～我認了)》之銘言：
: DEAR ALL:
: 不知道大家在寫程式碼的時候
: 都是怎麼樣命名的
: 有一定的規則嗎?
: 還有一個問題是~
: 我看同事寫的程式碼
: 好多DIV層層包裹且她寫的li每個都會多寫一個<span>
: 這樣是為了seo嗎?
: 我發現每個人都有習慣的寫法
: 我不太清楚怎樣較正確
也許那個span, 她有用途,
至於正不正確, 這應該是有合乎html規範,
沒有妨礙的話, 就包容一下

: 但公司曾有人提議過是不是可以把css命名規則制定一下
: 雖然最後不了了之
: 但想問大家公司真的都寫出來是一樣的命名規則嗎?
: 還是哪裡有這種範本??
: 我只有找到網路上比較大方向的命名~但假設
: <ul>
:  <li>
:     <ul>
:       <li>...</li>
:       <li>...</li>
:     </ul>
:  </li>
:  <li>.................</li>
:  <li>.........</li>
: </ul>
: 這種無限多層時要怎麼下class或div的名稱呢?
: 命名規則會關係到優化嗎?

和程式變數命名類似, 大概分二種,

一是加 _ 或 - 分隔, 類似 jquery ui 的方式,

<ul id="mainMenu" class="ptt-menu ptt-theme-blue" >
  <li class="ptt-menu-item file">
     <ul class="ptt-menu-submenu">
        <li class="ptt-menu-item open"></li>
        <li class="ptt-menu-item exit"></li>
     </ul>
  </li>
  <li class="ptt-menu-item view"></li>
  <li class="ptt-menu-item help"></li>
</ul>

不過classname可以重複和多名,所以可拆開,方便寫selector

另一個是駝峰式, 就是開頭字母大寫, 通常用來寫 id, "mainMenu"

名字不只關係到 css selector, 還有 javascript dom,
用途功能都能在classname裡寫清楚, 程式碼也比較好懂



--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 112.104.126.249
→ Rplus:以前習慣加dash 現在習慣camel case
→ kerash:有時候駝峰感覺很難看XD，不過我習慣加底線跟駝峰並用
→ kerash:有時會混亂QQ...
推 Luos:樓上那不是大忌嗎？ 以前還因為這樣被罵過
推 oj113068:為什麼大忌？
→ Isacat:我覺得最重要是別跟程式語言常用的關鍵字重字耶
→ Isacat:除此之外怎麼命名 用全站檢索也能抓得出來看得懂