構文

[4] XHTML になる前の HTML では、 style の内容は CDATA と宣言されていました。 これは、 STAGO (<) や ERO (&) も含めて終了タグまでの文字列をすべて style 要素の内容として扱うことを意味します。

ですから、例えば

<style type="text/css">
<!--
   p {color: red; background-color: white}
-->
</style>

と記述したとしても、強調した部分は SGML のマークではなく、 単なる文字データ扱いになり、 SGML の注釈宣言とは見なされません。 (その一方で、 style が CDATA と知らない古い UA からは注釈宣言に見えるので、中身を隠すことができるのです。)

[5] ところが、 XML では内容を CDATA にすることができません。そこで、 XHTML 1 では style の内容は (#PCDATA)* と宣言されています。 これは、通常の内容の扱いと同じになる、つまり < や & は stago などや ero などと見なされ得ることを意味します。

この場合、 >>4 の注釈宣言に見える部分は本当に注釈宣言として扱われます。 このままだと style は実質空になってしまいます。

意図した通りに解釈させるためには

<style type="text/css">
   p {color: red; background-color: white}
</style>

としなければなりません。 (当然、古い UA から隠すという機能は失われます。)

[6] スタイル・シートの一部として < や & を書きたいとき、 >>4 では (終了タグと見なされてしまう場合を除き) そのまま書くことができましたが、 >>5 では非整形式になってしまいます。

しかし、いちいち escape するのが面倒な場合には、 CDATA区間を使って、

<style type="text/css">
 <![CDATA[
   /* -- Question of Q & A -- */
   p {color: red; background-color: white}
 ]]>
</style>

のように書くことができます。 CDATA 区間の中では MSE (]]>) を除いてそのままの文字データと解釈されます。

[7] なお、 SGML 注釈宣言風の隠し方は HTML の一部ではなく、 スタイル言語の一部です。スタイル言語によっては使えないこともありますから、 注意してください。

意味

[42] style の内容は、 type で識別されるスタイル言語によって解釈されます。 構文等もスタイル言語によります。

CSS

[44] CSS の仕様書は、 SGML の注釈宣言のはじめと終わりのようなものについて次のように述べています。

CSS style sheets are often embedded in HTML documents, and to be able to hide style sheets from older UAs, it is convenient put the style sheets inside HTML comments. The HTML comment tokens "<!--" and "-->" may occur before, after, and in between the statements. They may have whitespace around them. CSS1 7.1 Forward-compatible parsing http://www.w3.org/TR/REC-CSS1#forward-compatible-parsing

和訳 (参考): CSS スタイル・シートはしばしば HTML 文書に埋込まれまして、 古めの UA からスタイル・シートを隠すことができるように、 スタイル・シートを HTML 注釈の中に入れるのが便利です。 HTML 注釈字句 <!-- と --> は文の前・後・間に出現できます。 そのまわりに空白を入れても構いません。

CSS also allows the SGML comment delimiters ("<!--" and "-->") in certain places, but they do not delimit CSS comments. They are permitted so that style rules appearing in an HTML source document (in the STYLE element) may be hidden from pre-HTML 3.2 user agents. See the HTML 4.0 specification ([HTML40]) for more information. CSS2 4.1.9 Comments http://www.w3.org/TR/REC-CSS2/syndata.html#comments

和訳 (参考): CSS はある場所で SGML 注釈区切子 (<!-- および -->) をも認めていますが、この両者は CSS 注釈を区切るものではありません。 両者を認めることによって、 HTML 原始文書 (の style 要素) に出現するスタイル規則を HTML 3.2 以前の利用者エージェントから隠すことができます。 詳しくは HTML 4.0 仕様書をご覧ください。

更に、 CSS2 附属書 D の文法規則でも規則など (選択子等 + { 〜 }) の部分の外側ならどこにでも書けるように書かれています。

[45] 仕様書の規定を読む限りでは style 要素以外の場所で使う時にも SGML 注釈区切子を書けるように思えますが、 試しに外部スタイル・シートなどで使ってみると正しく処理できない UA も少なくないようです。

[47] CSS2 は HTML 4.0 を見よと言っていますが、 HTML 4 には CSS を注釈宣言のようなもので囲んだ例が挙げられているだけです。一体何を見せたかったのでしょうかね? (名無しさん)

メモ

[46] XHTML では XSL のような XML base のスタイル言語も使えます。 但し、その場合にはもちろん CDATA マーク区間で包むのは使えませんし、 注釈宣言での隠蔽などもってのほかです。 更に、陽に文書型宣言を行っている場合には適当に DTD を書き換える必要があるでしょう。

[21] >>46 もっとも、 XSL は XML 対象のスタイル言語ですから、 たとえ書けたとしても意味がありませんね。で、実質 XML base のスタイル言語は他にないですから、どうでも良い問題といえばそれまでではあります。

style 要素 (XFrames)

[76] XFrames (2010-12-17 00:45:08 +09:00 版) http://www.w3.org/TR/2010/NOTE-xframes-20101216/#s_style-element

[77] XHTML1 を引き継いで type 属性が必須になっています。

[78] XHTML1 の link 要素による外部スタイル・シートの参照を統合し source 属性が追加されています。なぜか src ではなく source になっています。