CSS的content屬性

大家好！這次想來和大家討論CSS的content屬性。[1]

這屬性各位應該不陌生，就是套用在偽類「:before」、「:after」上產生內容。但W3C文件上並沒有明確說明，產生的屬性可否加到DOM上。一般來說，CSS是用來維繫網頁外觀的，生成的內容與文件本身應是分離的，也不該將文件本身不可分割的內容用CSS呈現（如裝飾用的圖案用背景、呼應內文者用元素<img>）。

和其它CSS屬性不同，content可以增加「文字」、「HTML屬性值」，甚至是「序號」到網頁上，我們可以輕易地變更content的值以符合當前的煤體形態、版面風格、語種。但不可否認地，content又和文件有著難以分開的關係，且content�@詞本身就包含了「內容」的意思——就拿[1]中的範例來說吧，當使用者複製content�@用的元素時，我們會預期content中的文字也�@併複製，<q>元素的引號、<h2>前的「Chapter. count(XX)」，或是中文網頁中，<cite>的書名號等等。因此我認為content產生的文字應加到DOM上，或至少讓使用者得以「複製」。

現在只有Opera符合這個要求，其它如Gecko、Webkit複製時都不會連同複製content的內容。因各家瀏覽器有不同的實�@，所以應該可以要求W3C將「content是否得以被複製」寫入標準，當然不�@定會和我說的�@樣就是了。

大家可以給點意見嗎？


[1] http://www.w3.org/TR/CSS21/generate.html#content




Best Wishes,
Ethan

Mandarin: Chen Yijun
Hoklo: Tan I-kun
Cantonese: Can Jik-guan

http://ethantw.net/

http://twitter.com/ethantw/

Received on Monday, 30 May 2011 11:04:00 UTC