初心者でもタグやスタイルシートを学んで、思い通りのホームページが作成できる講座を、現在メールマガジンにて配信しています。当サイトを利用するに当たって、是非メールマガジンを購読することをお勧めします。なお、未だ購読されていない方はこちらから登録できます。念のため無料です。

今週のおさらいバックナンバーはこちらから
第１号  第２号  第３号  第４号  第５号  第６号  第７号  第８号  第９号  第10号
第11号  第12号  第13号  第14号  第15号  第16号  第17号  第18号  第19号  第20号
第21号  第22号  第23号  第24号  第25号  目次

プレーンテキスト版バックナンバー

今週＜第26号＞マガジンのおさらい

　　　　　　　　　　　　　　　　　  毎週金曜日配信　What's New 2002/11/8
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　今週の課題 ■ HTMLのデータ形式
             ■ HTML4.01で扱う特殊文字 --- 実体参照符号

■ HTMLデータ形式

ここでは、要素の内容や属性の値として記述される基本データ形式について解説します。初心者にとって退屈で何のことだか理解できない部分もありますが、W3Cによって定義されているHTMLの基本的なデータ形式について触れます。なお、ここで言うユーザエージェントとは、ブラウザやプロキシなどを指します。

HTMLデータ形式についての詳細は、当サイト内のリファレンス HTML 基本データ形式 を参照してください。ここでは抜粋し引用しています。

■ 文字種情報

すべての属性の定義には、値における大文字と小文字の区別に関する情報を含めています。文字種は次のキーワードで示されています。

CS	値に大文字と小文字の区別があります。ユーザエージェントは「a」と「A」を異なるものとして解釈します。
CI	値に大文字と小文字の区別がありません。ユーザエージェントは「a」と「A」を等しいものとして解釈します。
CN	文字種変換の影響を受けません。属性値が数値であるため大文字と小文字の区別がないというのが大きな理由です。
CA	要素、あるいは属性の定義自体に大文字と小文字の区別がある場合、ユーザエージェントはこれを理解します。
CT	大文字と小文字の区別については、ユーザエージェントはデータ形式の定義を参照します。

■ HTML基本形式

CDATA

Character Data の略で文字データそのものをあらわします。

CDATA は文書文字集合中の任意の文字の列であり、実体参照も含まれます。ユーザエージェントはこの属性値を次のように解釈しています。

• 文字の実体参照は、そのまま文字として置き換えます。 & は &のまま表示します。
• 改行文字、改行コードは無視します。
• 個々の空白文字や、タブは１つの空白文字で置き換えられます。

style要素と、script要素はCDATA型の内容モデルを持っていますが、両者の要素について、ユーザエージェントはCDATAを上記の解釈とは異なる方法で処理する必要があります。

マークアップと実体参照とはそのままのテキストとして扱い、何も変化させることなくアプリケーション（CSSやスクリプト）に引き渡すことになります。最初に現れる「 </ 」（終了タグの開始区切り子）は、そこで要素が終わるものとして扱います。これらは非HTMLのデータ形式として定義されています。

NAME、ID

要素の名前を指定する属性の値として使われます。この値には次の制限があります。

• 先頭の文字は「名前開始文字」に限られます。HTMLにおいては、大文字と小文字のアルファベットに限られています。
• 名前には文字数の制限がありますが、HTML4.0/4.1では基本的に 65536（16ビット）文字ですので、事実上制限を加えるということではないかもしれません。なお、HTML2.0 や 3.0 では72文字までと制限されています。

IDは、id属性の値として使われる形式です。大文字と小文字の区別があります。また、NAMEと同じ制限も持っています。

IDREF、IDREFS

ID Reference の略で、他のIDを参照する場合に使います。他の場所で定義されたIDの値をそのまま利用します。IDREFSはIDREFの複数形で、スペースで区切って複数指定することが可能です。

■ 意味づけされたCDATA型の属性

HTMLのすべての属性の値は、CDATAの型をとります。CDATA型の内容は多種多様です。アスキー文字で記述された名前、URI（URL）、数値や文章など、それぞれまったく異なる値であるにもかかわらず、CDATAとされています。

MIMEタイプ

MIMEタイプは大文字と小文字の区別がありません。要素の形式がこのtype属性の形式を取ります。

MIMEタイプの例として、「text/html」、「image/png」、「image/gif」、「video/mpeg」、「text/css」、「audio/basic」などがあります。

テキスト

テキストとして示される多くの属性値は、人間が読んで理解できる普通の意味のあるテキストを示します。

URI

URIにはURLが含まれています。言い換えればURLはURIのサブセットであるということです。当サイトでは、URIを馴染みの深いURLと記述していますが、正確にはURIを指します。

色

属性値形式「色」は、RGBで定義される色指定を表わします。色の値は、#記号を冒頭につけた16進数値、または16個の色名の、どちらかとします。色名及びカラーコードは、大文字小文字を区別しません。

文書をカラー化することにより、より多くの情報を提供することになり、読みやすくするものですが、カラー化に当たってはW3Cのアクセシビリティ指針を考慮することが求められています。

日付と時刻

日付と時刻の表現に関して、多くのオプションとバリエーションが認められています。日付時刻文字列形式は次のとおりです。

YYYY-MM-DDThh:mm:ssTZD

YYYY	４桁の西暦年
MM	２桁の月数（01の時には１月を表す）
DD	２桁の日にち（01から31までが割り当てられる）
hh	２桁の時刻（00〜23まで。am/pmは許されていません）
mm	２桁の分数（00〜59まで）
ss	２桁の秒数（00〜59まで）
TZD	タイムゾーンを示す

TZDのタイムゾーンは、UTC（Coordinated Universal Time: 協定標準時間）を表し、「Z」は大文字でなければなりません。日本時間の場合には「+09:00:00」なので、

  2002-11-08T23:10:00+09:00 の表記になります。

■ 文字の実体参照

HTML上で扱うものに、特殊文字というものが存在します。日頃は何の戸惑いもなく使ってしまう文字ですが、HTMLでは特別の扱いになります。これらの特殊文字を、実体参照文字符号と呼び、キーボードからは入力できない文字などが含まれます。

文字の実体参照中には、コンピューターの制御符号が含まれ、そのままの文字を使用すると、動作に影響を及ぼす可能性すらあります。　そのために、実体参照符号としての文字を表示する場合には、文字符号、あるいは番号符号で記述することが推奨されています。

HTMLの記述に半角カタカナが使えないのは広く知られています。半角カタカナの最初のコードに制御符号となるものがあり、そのために文字化けが起きてしまいます。実体参照の文字には同様の危険が潜んでいる可能性もありますので、できるだけ符号（コード）で記述するようにしましょう。

■ すべてのブラウザで表示可能な実体参照

すべてのブラウザで一様に認識可能な符号は４つしかありません。なお、16進数の記述法は、「&#x ＋ 16進数；」というように、「&」「#x」を冒頭に記述し、最後にセミコロン「；」で区切ります。

例：ギリシャ語のシータの場合　Θ 実際例　Θ

10進数	表示	文字符号	表示	16進数	説明
&#060;	<	&lt;	<	3C	Left angle bracket
&#062;	>	&gt;	>	3E	Right angle bracket
&#038;	&	&amp;	&	26	Ampersand
&#034;	"	&quot;	"	22	Duble quote mark

■ ISO-8859-1 実体参照文字符号一覧

互換を大切にする場合、文字符号よりも10進数を使ったほうが安全といわれています。すべてのブラウザでサポートされていない文字符号の文字でも、10進数の方はほとんどのブラウザでサポートされていることはよくあります。なお、大文字と小文字を厳格に区別しますので注意してください。

これらの実体参照の表示は、HTML4.0以降に対応しないブラウザでは空白、ドット、四角、疑問符などに置き換えられて表示されます。特に、&#255; 以降の実体参照では顕著です。

ここでは、実際のラテン実体参照の一部を表示しています。

10進数	表示	文字符号	表示	16進数	説明
 		 		A0	Non breaking space
¡	¡	¡	¡	A1	Inverted exclamation mark
¢	¢	¢	¢	A2	Cent sign
£	£	£	£	A3	Pound sterling symbol
¤	¤	¤	¤	A4	Currency symbol
¥	¥	¥	¥	A5	Yen symbol
¦	¦	¦	¦	A6	Broken vertical bar
§	§	§	§	A7	Section symbol
¨	¨	¨	¨	A8	Umalaut/Dieresis
©	©	©	©	A9	Copyright sign
ª	ª	ª	ª	AA	Ordinal indicator,Feminine
«	«	«	«	AB	Left angle quote mark
¬	¬	¬	¬	AC	"not" symbol
­	­	­	­	AD	Soft hyphen
®	®	®	®	AE	Registered trademark symbol
¯	¯	¯	¯	AF	macron
°	°	°	°	B0	Degree symbol
±	±	±	±	B1	Plus/minus symbol
²	²	²	²	B2	Superscript two
³	³	³	³	B3	Superscript three
´	´	´	´	B4	Acute accent
µ	µ	µ	µ	B5	Micro symbol
¶	¶	¶	¶	B6	Paragraph symbol
·	·	·	·	B7	Middle dot
¸	¸	¸	¸	B8	Cedilla
¹	¹	¹	¹	B9	Superscript one
º	º	º	º	BA	Ordinal indicator
»	»	»	»	BB	Angle quote mark, right
¼	¼	¼	¼	BC	Fraction one quarter
½	½	½	½	BD	Fraction one half
¾	¾	¾	¾	BE	Fraction three quarters
¿	¿	¿	¿	BF	Inverted question mark

実体参照の詳しい一覧表は、応用編の文字の実体参照一覧表を参照してください。