<style>要素(スタイルシート言語の記述)。

スタイルシート言語の記述である<style>要素についての解説です。

<style>要素(スタイルシート言語の記述)・目次。

<style>要素とは。

<style>要素とは、スタイルシート言語で記述された要素です。

スタイルシート言語(通常はカスケーディングスタイルシート(CSS))を直接HTML文書に記述する事で、当該文書にのみ有効なスタイル定義を行う事が出来ます。

<style>要素を利用出来るHTML文書型。

<style>要素は、以下の文書型で利用出来ます。

<style>要素が含まれるXHTML モジュール。

<style>要素はスタイルシートモジュールに属します。

<style>要素の扱い。

<style>要素は文書本体内には現れ得ず、従って<head>要素(文書のヘッダ)内にて記述されます。

<style>要素の内容はスタイルシート言語となります。

HTML 4.01では、以下のように内容を注釈宣言にしても、スタイルシート言語として認識されます。

<style type="text/css">
    <!--
        (スタイル定義が入ります)
        -->
    </style>

しかしながら、XHTML 1.0及びXHTML 1.1では、内容を注釈宣言にした場合、内容となっているスタイルシート言語は認識されなくなります。

XHTMLで問題が起こらないようにするには、以下のように<![CDATA[ ]]>マーク宣言を行う必要がありますが、逆に巧く行かなくなる場合もあるようです。

<style type="text/css">
    /*<![CDATA[*/
        (スタイル定義が入ります)
        /*]]>*/
    </style>

<style>要素の属性。

<style>要素には以下の属性が定義されております。

type属性(必須)

記述しているスタイルシート言語のMIMEタイプを値にします。

CSSを利用する場合はtype="text/css"属性となります。

国際化対応属性
title属性

<style>要素に依るスタイルシート言語の記述では、title属性の有無や値に依り扱いが異なります。

詳しくはHTMLでのスタイルシート言語の扱いをご覧下さい。

media属性
当該スタイルシートを取扱うメディアを指定します。

<style>要素に関する注意事項。

<style>要素はなるべく使わないようにしましょう。

本来、HTML文書に記述される以上、スタイルシートの <, >, & などは全て文字参照で書かれるべきです。

HTML 4.01では余り問題にされませんが、XHTMLでは<style>要素の内容を<![CDATA[ ]]>マーク宣言にしない場合、 <, >, & などを文字参照にしないとXMLパースエラーになってしまいます。

一方で、旧式のユーザエージェントには<![CDATA[ ]]>マーク宣言が正常に認識されない場合もあります。

このように、HTML文書中にスタイルシート言語を記述するのは実は問題が多いのです。

また、<style>要素での記述では、HTML文書にスタイルを記述するため、幾つも文書がある場合には管理が難しくなります。

なるべく、外部にスタイルシート定義ファイルを用意して<link>要素でリンクするようにしましょう。

関連項目。

<head>要素
文書のヘッダ
<link>要素
文書間リンク

しらぎくのウェブサイト作成入門サイトマップ

ページ外へのご案内。

marguerite.site@gmail.com