Re: CSS的content屬性

題外話: 使用時也請留心 accessibility 問題,
確保文件就算沒有 style sheet 也能正確閱讀:
http://www.w3.org/TR/WCAG10-CSS-TECHS/#Generated

"... Text generated by style sheets is not part of the document source
and will not be available to assistive technologies that access
content through the Document Object Model Level 1 ([[DOM1])."


LCamel


在 2011年5月30日下午7:03，Ethan Chen <chief@ethantw.net> 寫道：
> 大家好！這次想來和大家討論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 Tuesday, 31 May 2011 10:19:42 UTC