カタツムリメールアドレス用のHTML
-
06-09-2019 - |
質問
あなたはカタツムリのメールアドレスをマークアップするための最良の方法は何だと思いますか?以下のような私が見つけたいくつかの異なるオプションます:
<div class="address">
<span class="name">Mr. Bob</span><br/>
<span class="street">45654 Bob Ln</span><br/>
<span class="city">Imaginery</span>,<span class="state">OH</span><br/>
<span class="postalCode">44321</span>
</div>
私はまた、アドレスタグの代わりにDIVを使用して、前の例を見ました。私が見つけたもう一つの選択肢だっます:
<div class="address">
<p>Mr. Bob</p>
<p>45654 Bob Ln</p>
<p>Imaginery, OH</p>
<p>44321</p>
</div>
私の質問、あなたはどう思いますされてはカタツムリのメールアドレスを表現するための最良のマークアップですか?そして、私の例に自分自身を制限するものではありません。
私はそれが各要素について追加のコンテキストを提供して最初のものは、最良の選択肢であると感じています。私はまた、BRはこの場合、コンテンツの一部であると感じています。
解決
ADRのマイクロフォーマットを使用します:
http://microformats.org/wiki/adrする
あなたはまた、人物名利用のhCardをマークアップする場合:
http://microformats.org/wiki/hcardする
ADRが含まれます。
他のヒント
どの程度 <address>
のタグ?
の編集の
これは、コメント主が正しい表示され、このタグは、一般的には、ページまたはフォームの作成者からの連絡先情報を表すために使用されます。
HTML 4.1仕様の..ます。
ADDRESS要素は、によって使用されてもよいです 連絡先情報を提供するために、著者 文書やの大部分のために フォームなどのドキュメント。この要素 多くの場合、最初や最後に表示されます 文書のます。
だから、それはだ場合、の自分ののあなたが表示されているアドレスは、これを使用しています。そうでない場合は、使用しているものの singpolyma を提案します。
間違いなく、より正確<br>
sより<p>
sを使用しました。クラス名のために私はsingpolymaに従っています。
最初の例では、使用される http://microformats.org/wiki/adrするれるだろうそれは、インデックスのためにかなりよく受け入れられた標準だとして、理想的でます。
は、ミクロのように見える今日の推奨規格です。
ここでは、検索結果に組織のために「リッチスニペット」を作成し、途中でGoogleからのヒントです:<のhref = "http://support.google.com/webmasters/bin/answer.py?hl=en&answer= 146861" のrel = "nofollowを">リッチスニペット - 組織を。ミクロマークアップの例を推奨ます:
<div itemscope itemtype="http://data-vocabulary.org/Organization">
<span itemprop="name">L’Amourita Pizza</span>
Located at
<span itemprop="address" itemscope
itemtype="http://data-vocabulary.org/Address">
<span itemprop="street-address">123 Main St</span>,
<span itemprop="locality">Albuquerque</span>,
<span itemprop="region">NM</span>.
</span>
Phone: <span itemprop="tel">206-555-1234</span>.
<a href="http://www.example.com" itemprop="url">http://pizza.example.com</a>.
</div>
また、私はアドレスの詳細については、コンテナとして <address>
のHTML要素を使用する代わりになりただ、一般的な<span>
(すなわち<address itemprop="address" ...>
<span itemprop="address" ...>
対)
これが鳴ります。そして、私は最初のソリューションは、はるかに優れていることに同意します。これは、データに与えられた意味があることを保証します。また、それはあなたがこのようなアドレスライン2と、後から考えていなかったフィールドを追加できるようになります。
個人的に私は順不同リストを使用することになります:
<ul id="sender_address" class="address">
<li class="address_as">Mr. Bob Smith</li>
<li class="street">67 Some Street</li>
<li class="post_town">Foo City"</li>
<li class="postcode">X11 1XX</li>
</ul>
これは、あなたの例で使用されてきた多くのcomonly使用タグから任意のunwatedスタイルを継承制限します。マークアップの用途に応じて任意であろうアドレスの各ラインにクラスを付与することとして。あなたは単に「アドレス」クラスを使用して、または順不同リストのIDを使用してアドレス全体のスタイルを設定できます。