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

看板Web_Design作者 (s755329)時間13年前 (2012/06/06 10:10), 編輯推噓10(10012)
留言22則, 16人參與, 最新討論串2/3 (看更多)
※ 引述《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

06/06 12:00, , 1F
<!--這邊不要動 --> <!--這邊不能刪 --> <!--我看不懂 -->
06/06 12:00, 1F

06/06 13:26, , 2F
<!--XXX嫁給我好嗎 -->
06/06 13:26, 2F

06/06 13:43, , 3F
工作應該切到後端工程師不用看你的東西吧..?
06/06 13:43, 3F

06/06 14:55, , 4F
看到一堆<!-- 會令人發瘋= = indent跟class命名好就夠了
06/06 14:55, 4F

06/06 15:54, , 5F
嗯,只要重點大區塊下註解就好,密密麻麻的註解也可夭壽
06/06 15:54, 5F

06/06 16:03, , 6F
<!--這邊不知道為什麼刪了會破版 -->
06/06 16:03, 6F

06/06 16:03, , 7F
<!-- 這段到底是誰寫的,寫的超爛的。 -->
06/06 16:03, 7F

06/06 16:04, , 8F
<!-- 那是老闆很久之前寫的..... -->
06/06 16:04, 8F

06/06 16:04, , 9F
<!-- 囧" 你都不幫我刪掉..... -->
06/06 16:04, 9F

06/06 16:04, , 10F
<!-- 來不及了,已經傳到svn上了 -->
06/06 16:04, 10F

06/07 22:57, , 11F
<!--其實大項的我都會命~就是細項的不太知道怎麼命說-->
06/07 22:57, 11F

06/08 01:14, , 12F
<!-- 這裡好好玩 , 我是路過得 -->
06/08 01:14, 12F

06/08 01:53, , 13F
<!-- 看見這一行的人,會被無敵恐龍妹纏上,至死不得脫身-->
06/08 01:53, 13F

06/08 02:00, , 14F
/*大家玩上癮了是吧,我是比較常寫在.css裡面啦*/
06/08 02:00, 14F

06/08 03:26, , 15F
0 && " 今天的作文題目是註解對吧 A_A? ";
06/08 03:26, 15F

06/08 09:39, , 16F
/* 應該是這樣下註解才對 */ 下在html裡面好亂歐
06/08 09:39, 16F

06/08 11:11, , 17F
<%-- 把注寫寫在SERVER端,才不會被客戶看到 --%>
06/08 11:11, 17F

06/08 18:22, , 18F
/*但是工程師說他們不會去看CSS啦,我是寫給以後的自己*/
06/08 18:22, 18F

06/08 18:37, , 19F
/* 應該是這樣下註解才對 */ +1 工程師不去看CSS+1 XD
06/08 18:37, 19F

06/08 19:47, , 20F
if(false){ compile 通常都會討厭我; }
06/08 19:47, 20F

06/09 01:26, , 21F
#if 0 藏在這應該不會被發現 #endif
06/09 01:26, 21F

06/11 16:41, , 22F
// 讓我來,用這樣聊天才快啦
06/11 16:41, 22F
文章代碼(AID): #1FphmTJk (Web_Design)
文章代碼(AID): #1FphmTJk (Web_Design)