注意:CSS 樣式表尚未載入。 跳到主內容 | 跳到側邊列

2007/09/29

[小聊]無名無名不知所云

日前有學妹到我的B板上PO文,詢問97大考計時器怎麼放在無名。我就去幫忙解決,這時才注意我八月寫的無名語法已經全不適用於現在了…。 = =+

於是我當晚都在忙著理解無名網誌的架構,還要更新語法說明書,寫得很囉嗦還不是無名害的,UI寫那麼爛。而在我勘查架構時,無意發現了無名不愧為「丁丁」代名詞的其中一項鐵證:

無名網誌所創「資料夾」概念,允許使用者建立一個以上資料夾,然後資料夾內再放連結語法。因為「資料夾」是複數,所以它的 div 容器應該用 class="boxFolder" 標示吧,可是丁丁用 id="boxFolder" 標示耶!我看是工程師自己也搞到傻傻分不清楚了...。

為什麼應該用 class 而非 id ,CSS 都能 work,有差嗎?因為 ID (Identification)顧名思義是用在單一獨特(unique)的元件上,而相對來講 class 是可重複使用的概念。節錄網站製作學習誌的文章「CSS 的 ID 和 CLASS 有什麼不同?」所講:

class 指的是「同一類型的元素」,像是 Blog 首頁每篇文章,其內容樣式都要一樣,所以我們就可以指定 class="blogbody" 來表示這些內容是同類型的。

id 則是元素唯一的名稱,就像每個人的身份證號碼一樣不能有重覆 (雖然大多數瀏覽器允許) ,這樣我們才能透過標準的 JavaScript (ECMAScript) 及 DOM 來取得這個元素。例如:<div id="container">,意思就是整個頁面裡只會有一個名為 container 的主要 div 容器。

而 class 和 id 的命名儘可能反應這些元素所代表的意義,而非以它們會呈現的樣式來命名。例如說 class="blogbody" 比 class="bgBlue" 來得好,因為我們可能會更換樣式。如果以樣式呈現的方式命名,那麼一旦更換樣式,且呈現方式變化過大的話,這樣的名稱就相當難以維護了。

無名小站顯然是沒有這番前瞻性,據我所知他只是一直修正小地方,然後網誌的CSS三不五時就被扭曲。

0 個意見 Comments:

張貼留言

請在身份欄選擇「名稱/網址」,網址可免填,感謝留言!
若留言顯示為待審核,請不用重複留言。

bottom