ばけらの HTMLリファレンス

HTML の真骨頂、ハイパーリンクを実現するための「アンカー」を表す要素です。href 属性に飛び先の URI を指定することで、ハイパーリンクの出発点を示します。また、name 属性でハイパーリンクの終着点を示すこともあります（id 属性も同じように使われます）。一つの A 要素に href と name の両方を指定することもできますし、どちらも指定せずに使うこともできます。

ハイパーリンク先のリソースは、別に HTML文書でなくても構いません。PNG画像、ZIP書庫、XML文書、何でもありです。呼び出されたリソースがどう扱われるか（表示するのか、ダウンロードするのか、外部アプリケーションを起動するのか）はリンク先リソースの MIME タイプとブラウザの設定によりますが、type 属性を指定しておくと MIMEタイプを明示することが出来ます。

他にも hreflang でリンク先の言語コード、charset で文字セットを明示することが出来ます。ある URI で示されるリソースが一つの言語で提供されているとは限らないことに気をつけてください。hreflang の値によって表示されるものが違うこともあり得ます。

もちろん他の要素と同じように title 属性も使えます。これはリンク先のタイトルを助言するでしょう。ちなみに、A 要素には HTML2.0 の時代から title属性があります。

accesskey 属性は、そのアンカーにショートカットキーを設定します。キーボードで操作する際には、この属性が設定されていると非常に助かりますので、めぼしい（よく使われる）ものだけでも設定しておくと良いでしょう。accesskey="N" としておくと、Windows 環境なら Alt+N キーでそのリンクを辿ることが出来ます。ちなみに、IE4 はしっかりこの機能に対応していて、私はずいぶん楽にブラウズ出来ます（私のサイト内は）。

shape と coords は、クライアント側イメージマップのための属性です。HTML4.0ではAREA ではなく A を使ってクライアント側イメージマップを作ることが出来ます。この方法は AREA を使う方法に比べて互換性に優れているのですが、対応しているブラウザは少ないようです。

インライン画像を埋め込む要素です。src 属性で埋め込む画像の URI を、alt 属性で代替テキストを指定します。代替テキストは画像が表示できない（もしくはしないように設定されている）環境で、画像の代わりに使われるテキストです。

この二つの属性は必須です。特に alt は忘れないようにして下さい。特に意味のないマークなどには alt="" として空の文字列を指定しておきましょう。HTML3.2 などでは alt は必須ではないのですが、それでも指定はすべきです。alt 属性が指定されていない場合、alt="" と同じになるとは限らないことに注意してください。alt がない場合、ブラウザは勝手に「画像があるようです」などと読み上げたりするかも知れません。

longdesc 属性を使うと、もっと詳しい画像の解説にリンクすることが出来ます。特に、図表やイメージマップには詳しい解説があると良いでしょう。もっとも、この属性に対応しているブラウザはあまりないようですので、別に説明へのリンクを用意した方が良いかも知れません。

width と height は画像のサイズを指定します。この指定があると画像を読み込む前に画面レイアウトを決定することができ、画面の表示がスムーズに行われるようになります。画像のサイズと違う値を指定すると、拡大縮小されます。CGI やコンテント・ネゴシエーションによって違うサイズの画像が得られたりするようなケースでは、width や height を指定すると画像が歪んでしまうかも知れません。

align 属性は、もともとインライン画像とテキストのベースラインとをどう揃えるかを規定する属性でした。HTML3.2 では同じ align 属性に left, right が指定できるようになり、画像をフロート化できるようになりました。HTML4.0 では、align 属性は非推奨です。

border は枠線の指定です。二大ブラウザはリンクのついている画像にだけ枠線を表示するので、それを嫌って border=0 とすることがよくあります。リンクのついていない画像にも枠線を指定できます。……が、この属性は非推奨です。スタイルシートを使いましょう。

hspace, vspace はそれぞれ画像の左右、上下の余白を指定します。やはり非推奨です。

強制的に行を折る空要素です。普通、ブラウザは <BR> などなくとも適切な位置で折り返して表示してくれますから、この要素を使う必要はほとんどありません。

よく段落の区切りに <BR> を使っている人がいますが、あまり良くありません。以下の二つの例が全く違うということに注意して下さい。

<P>一段落。</P>
<P>二段落。</P>

<P>一段落。<BR>
二段落。</P>

前者のように各段落が P 要素としてマーク付けされていれば、段落の数を数え上げたり、ユーザースタイルシートによって段落間に区切りを入れたりと、いろいろ融通を利かせることができます。が、<BR> で代用してしまったら、何もできません。画面の狭い携帯端末などでは段落間に改行を入れずに表示したい事もあるでしょう(たとえば「天声人語」のように)。しかし、BR が使われていたらそこで改行せざるを得ません。

<BR> を使うのは、定型詩のようなものを表示したい時か、ADDRESS 要素の中身を何段かに区切って表示したいときくらいでしょう。あとは、TABLE に対応していないブラウザのために、表の各行の末尾に <BR> を入れておく、という使い方もあります。

clear 属性は、テキスト回り込みを切る効果があります。左にフロートしたオブジェクトに対する回り込みを解除するのが clear=left, 右にフロートしたオブジェクトなら right, 両方解除が all です。あるブラウザは <BR clear> で clear="all" と同じ動作をするようですが、独自に <BR clear="clear"> に対応していたりするのでしょうか？　ともあれ、これは独自拡張です。

クライアント側イメージマップを定義します。中身はブロック要素もしくは AREA です。

AREA 要素を含むときは、AREA の shape や coords が使われます。これは HTML3.2 の時代からあった方法ですが、困ったことに AREA を理解しないブラウザには全く解釈できません。

ブロック要素を含むのは新しいやり方です。その場合、その中にはさらに A 要素が含まれていなければなりません。A 要素の shape や coords 属性がイメージマップの定義となります。この方法の賢いところは、MAP を理解しないブラウザにも理解できる A 要素を使っていることです。

これからは後者の方法を使っていきたいところですが、残念なことに A 要素の coords や shape を理解するブラウザは少ないようです。

クライアント側イメージマップに個々のリンクを設定する要素です。

shape 属性でリンク範囲の形、coords 属性で具体的な座標を指定します。

alt 属性は忘れがちですが必須です。必ず指定してください。一部のテキストブラウザは alt 属性を利用してクライアント側イメージマップを利用可能にすることができます。

Q 要素は引用句を示します。マーク付けされた部分の両端に、言語コードに即した引用符（もしくはスタイルシートで指定した引用符）がつけられて表示されることが期待されます。……が、これは意外にも HTML4.0 で新登場の要素で、対応しているブラウザはあまりないようです。

WWW で参照できる場所からの引用であれば、cite属性で引用もとの URL を示しておくのが礼儀というものでしょう。cite属性の用法は BLOCKQUOTE要素と同様です。

上付文字、下付文字を表す要素です。主に H₂O や E = mc² などを表すのに使いますが、XHTML 以後、数式などは MathML などでマーク付けすることが望ましいとも言えます。

この要素は PRE の中では使えないことに注意してください。

DIV要素がブロックレベルの汎用コンテナなら、SPAN 要素はインラインのコンテナです。この要素自体はなんの意味も持たず、class や id 属性によって意味が与えられます。また、lang 属性を指定して特定範囲の言語コードを変更するのにも用いられます。

書字方向を強制する要素です。BDO の指定は Unicode の書字方向アルゴリズムを上書きします。たとえば、

<SPAN dir="ltr">日本語1 [ヘブライ語1] 日本語2 [ヘブライ語2]</SPAN>

というデータがあったとします。[ヘブライ語]とある部分には、実際にはヘブライ語の文字が書かれているものと思ってください。このとき、Unicode の書字方向アルゴリズムに対応したブラウザは、これを

と並べ替えて表示します。ヘブライ語は右から左へ書くものですから、これで正しく読めるのです。また、以下のようなデータがあったとすると、

<SPAN dir="rtl">日本語1 [ヘブライ語1] 日本語2 [ヘブライ語2]</SPAN>

これは次のように並べ替えられます。

ところが、データ自体が最初から並べ替えられているような場合、困ったことがおきます。

<SPAN dir="ltr">日本語1 [1語イラブヘ] 日本語2 [2語イラブヘ]</SPAN>

これはそのままで正しく読めるのに、書字方向アルゴリズムによって

と並べ替えられてしまい、ヘブライ語が逆転してしまうのです。このような場合に BDO 要素を使います。

<BDO dir="ltr">日本語1 [1語イラブヘ] 日本語2 [2語イラブヘ]</BDO>

この BDO 要素中の文字は、Unicode の書字方向アルゴリズムにかかわらず、強制的に左から右へと並べられることになります。その結果、

のようになり、正しく読めるようになります。

見てお分かりの通り、異なる書字方向の言語を併用するようなケースでなければ活躍の機会は全くありません。また、&lrm; などの書字方向を規定する制御文字と併用したときの動作は保証されていません。

→ヘッダ内繰り返し要素 - SCRIPT を参照して下さい。

→ヘッダ内繰り返し要素 - OBJECT を参照して下さい。