style要素(style sheet information)は head要素内に当該ページ内にのみ有効な制作者スタイルシートを組み込みます。HTML では style要素の内容は解析されない文字データ(Character DATA)だったのですが、XHTML では style要素の内容は解析対象となる文字データ (Processed Character DATA) になったため、マークアップ区切り文字は意味を持ち、文字実体参照などは展開されます。たとえば、HTML4.01 では style要素に対応していない古い UA(style要素には Netscape Navigater 4.0, Internet Explorer 4.0 より対応)のための後方互換として "<!-- -->" のコメント宣言を使うことが常套手段とされていましたが、現在では style要素に対応していないような環境で閲覧しているユーザーは皆無なので、いちいち "<!-- -->" を使ってコメント・アウトする必要はありません。
ましてや XHTML では "<!-- -->" を使ってスタイルシートをコメント・アウトしてしまうと、UA によっては本当にコメントとみなして、スタイル情報を無視してしまい、働かない可能性があります。XHTML では style要素内に記述するスタイルシートは "<![CDATA[ ]>" の CDATAセクションを使うことで解析されない文字データ(Character DATA)にすることが可能ですが、現状では CDATAセクションをサポートしていない環境も多いため、XHTML では文書内に直接スタイルシートを記述するのではなく、別にスタイルシートファイルを用意して link要素で外部から参照させる手法が推奨されています(詳しくは CSS概論を参照してください)。
type属性は使用するスタイルシートの言語の種類を示すために必須属性となっています。スタイル言語にはいくつかありますが、各視覚環境の UA の対応状況などから CSS(カスケーディングスタイルシート)と呼ばれる種類が一般的に使用されています。他にもウェブ上で使われているスタイル言語に、XSL などがあります。CSS が (X)HTML文書に対しての見栄え(レイアウト)を定義し、XSL は XML文書に対しての見栄え(レイアウト)を定義します。また、XHTML1.0 には id属性がありますが、HTML4.01 と XHTML1.1 にはありません。
制作者スタイルシートを適用するメディアを限定して適用するようにメディアの種類を指定します。複数指定する場合は、カンマ(,)で区切って指定します(例:media="screen,tv,projection")。メディアには次の9種類のキーワードがあります。キーワードは半角アルファベットの大文字・小文字が区別されません(case-insensitive)。
media属性は Netscape Navigator 4.x系列のバグを利用して制作者スタイルシートの適用を回避させるテクニックとしても用いられます。Netscape Navigator 4.x系列には media属性を指定した場合に値が "screen" のみでなければ、制作者スタイルシートを適用しなくなるというバグがあります。これを利用して、Netscape Navigator 4.x系列で制作者スタイルシートによる表示崩れが起こる場合は、media="screen,tv,projection" のようにメディアを複数指定したりすることで制作者スタイルシートの適用を回避することができます。
使用するスタイルシートの種類を MIMEタイプで指定します。style要素の必須属性です。UA がスタイル情報を正しく解釈するための情報となります。各UA の対応状況などから CSS(カスケーディングスタイルシート)が一般的に使われています。CSS の MIMEタイプは "text/css" です。
http://w3g.jp/xhtml/dic/head_style直近の制作実績等:大阪人間科学大学 New! / 大阪薫英女子短期大学 New! / セキスイハイム みんなのお国じまん New!