ブログ内検索

by Futomi Hatano

address要素の正しい使い方

本日、html5doctor の記事「The Address Element」の日本語訳を公開しました。私の翻訳がうまくないためかもしれませんが、個人的には、この記事には誤解を招いてしまうのではないかと感じるところがありましたので、個人的な見解ですが、私なりの補足を。

該当の記事では、address 要素に住所を入れてはいけないと読み取れてしまいます。しかし、私は、そう思っていません。HTML5 仕様の address 要素の定義でも、そのようなことは言っていないと解釈しています。

address 要素の用途の本質は、address 要素に住所を入れて良いかどうかどうかが問題なのではなく、ドキュメントやセクションに関する著者への連絡先情報に相当するかどうかです。もし、これに該当するのであれば、住所でも構わないと思います。

HTML5 仕様では、次のように言っています:

The address element must not be used to represent arbitrary addresses (e.g. postal addresses), unless those addresses are in fact the relevant contact information. (The p element is the appropriate element for marking up postal addresses in general.)

日本語にすれば、次のようになるでしょう:

address 要素は、実際に関連する連絡先情報でない限り、任意のアドレス(住所など)を表すために使ってはいけません。(一般的に、住所をマークアップするには p 要素が適しています。)

仕様で、address 要素の不適切な用途の例として「住所」を挙げています。しかし、これは、ページやセクションの管理者や著者でもない連絡先情報に address 要素が誤用されることが多く、主に住所に使われていたことから、あえて住所を例に挙げたのだと思います。

良くある間違った使い方
<article>
 <h1>お気に入りのラーメン屋</h1>
 <p>今日、「○○亭」ってラーメン屋に行きました。この店、おいしかったので、みんなに紹介するね!</p>
 <address>
  〒123-4567 東京都豊島区東池袋1 ××ビルB1<br />
  TEL: 03-0000-0000
 </address>
 ...
</article>

この例は、ラーメン屋を紹介したブログ記事と想定してください。ラーメン屋の住所・連絡先に address 要素を使っていますが、これは仕様に準拠した使い方ではありません。HTML5 に限らず、HTML4 でも、このような使い方は間違いです。HTML5 仕様で言っている「任意のアドレス」とは、このような用途を指しています。しかし、かつて、address 要素は、このような誤用が多かったため、HTML5 仕様では、住所を誤用の例としたのでしょう。

ちなみに、HTML5 仕様では、この住所・連絡先は、セマンティクス上、ラーメン屋ではなく、この記事の著者の連絡先情報を表すことになってしまいます。

もし、例えば、サイト管理者の連絡先として、ページのフッターに住所や電話番号を掲載するのであれば、address 要素でも良いと思います。ただ、実際にサイト管理者の連絡先として住所しか掲載しないということは稀でしょう。連絡手段として手紙しか受け付けないというのであれば、否定はしませんが…。そういう意味で、HTML5 仕様は、あえて「住所」を間違った使い方の例に挙げたのだと思うのです。先にも言ったとおり、住所かどうかが問題なのではなく、サイト管理者や記事の著者への連絡先でもない情報に address 要素を使ってはいけない、という認識が重要です。address 要素はメイン・コンテンツの一部を表すのではなく、どちらかというと、ドキュメントや記事のメタ情報と考えた方が良いでしょう。

例えば、ショッピング・サイトでは、問い合わせ先として、サイトの右上に、デカデカと電話番号が掲載されている例をよく見かけますよね。これは、address 要素を使っても良いと思います。しかし、会社概要のページに掲載する住所や電話番号に address 要素は使ってはいけません。たとえ、それがサイト管理者と同じだとしてもです。これはページのメタ情報ではなく、メイン・コンテンツなのですから。

現状の WHATWG の HTML5 仕様のドラフトを見る限り、私は以上のような解釈をしていますが、みなさんは、どう思われましたでしょうか?

この投稿は 2009年11月11日 水曜日 5:08 PM に マークアップ カテゴリーに公開されました。 この投稿へのコメントは RSS 2.0 フィードで購読することができます。 現在コメント、トラックバックともに受け付けておりません。

コメントは受け付けていません。