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

[s755329 (s755329)]

※ 引述《WWWVVV (好吧～我認了)》之銘言：
: DEAR ALL:
: 不知道大家在寫程式碼的時候
: 都是怎麼樣命名的
: 有一定的規則嗎?
: 還有一個問題是~
: 我看同事寫的程式碼
: 好多DIV層層包裹且她寫的li每個都會多寫一個<span>
: 這樣是為了seo嗎?
: 我發現每個人都有習慣的寫法
: 我不太清楚怎樣較正確
: 但公司曾有人提議過是不是可以把css命名規則制定一下
: 雖然最後不了了之
: 但想問大家公司真的都寫出來是一樣的命名規則嗎?
: 還是哪裡有這種範本??
: 我只有找到網路上比較大方向的

當然都一樣的命名規則啊，你是和同事一起開發東西，如果你每次做的class都不一，那
程式設計師不就每次都要重新看你的code?

如果一開始剛入門的話，可以去關鍵字搜尋『CSS常見名稱』，你就可以找到一般框架的
class該怎麼命名，

因為有些命名原則已經算是class的共通語言了，譬如外框wrap、表頭header、表尾
footer之類的，

再來就是頂多應模組開發來命class，原則上就是簡單明瞭為主。

譬如相簿模組就用photo、最新消息就news之類的。

像我們公司組織架構是美術設計、前端網頁設計(我)、程式設計師

為了讓程式設計師瞬間看懂我的東西，基本上我都會下註解，

它們只要知道哪些是模組區塊、哪一區是要做成樣版，只要一看註解就一目了然的剪下註
解開始到結束的完整區塊就ok，

範例如下↓

<!--主內容 開始 -->

<div class="content">

</div>
<!--主內容 結束 -->




主管還是老板都會希望統一一些原則，最主要是希望你可以提升團隊的效率罷了，

主要要去探討的，則是你和同事間的寫code習慣，以不打亂他們的習慣為原則來提升合作
效率就ok了。




--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 222.157.252.200
推 pm2001:<!--這邊不要動 -->  <!--這邊不能刪 --> <!--我看不懂 -->
推 bill42362:<!--XXX嫁給我好嗎 -->
→ superpai:工作應該切到後端工程師不用看你的東西吧..?
推 hanhong:看到一堆<!-- 會令人發瘋= =   indent跟class命名好就夠了
→ s755329:嗯,只要重點大區塊下註解就好,密密麻麻的註解也可夭壽
推 Laluth:         <!--這邊不知道為什麼刪了會破版 -->
推 LaPass:<!-- 這段到底是誰寫的，寫的超爛的。 -->
→ LaPass:<!-- 那是老闆很久之前寫的..... -->
→ LaPass:<!-- 囧" 你都不幫我刪掉..... -->
→ LaPass:<!-- 來不及了，已經傳到svn上了 -->
推 WWWVVV:<!--其實大項的我都會命~就是細項的不太知道怎麼命說-->
→ TonyQ:<!-- 這裡好好玩 ， 我是路過得 -->
→ tyf99:<!-- 看見這一行的人，會被無敵恐龍妹纏上，至死不得脫身-->
→ oj113068:/*大家玩上癮了是吧，我是比較常寫在.css裡面啦*/
推 Crow22312:0 && " 今天的作文題目是註解對吧 A_A? ";
→ Ken52039:/* 應該是這樣下註解才對 */ 下在html裡面好亂歐
推 LaPass:<%-- 把注寫寫在SERVER端，才不會被客戶看到 --%>
→ oj113068:/*但是工程師說他們不會去看CSS啦，我是寫給以後的自己*/
推 Isacat:/* 應該是這樣下註解才對 */ +1 工程師不去看CSS+1 XD
→ TonyQ:if(false){ compile 通常都會討厭我; }
推 zased:#if 0   藏在這應該不會被發現  #endif
→ TCFmars:// 讓我來，用這樣聊天才快啦