5

カタツムリのメールアドレスをマークアップする最良の方法は何だと思いますか? 次のようないくつかの異なるオプションが見つかりました。

<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もコンテンツの一部だと思います。

4

7 に答える 7

17

adr マイクロフォーマットを使用します。

http://microformats.org/wiki/adr

人の名前もマークアップしたい場合は、hCard を使用します。

http://microformats.org/wiki/hcard

これにはadrが含まれます。

于 2009-04-08T14:28:45.780 に答える
6

<address>タグはどうする？

編集：

コメント者は正しいようです。このタグは通常、ページまたはフォームの作成者からの連絡先情報を表すために使用されます。

HTML 4.1仕様から...

ADDRESS 要素は、作成者がドキュメントまたはフォームなどのドキュメントの主要部分の連絡先情報を提供するために使用できます。この要素は、多くの場合、ドキュメントの最初または最後に表示されます。

したがって、表示しているのがあなたの住所である場合は、これを使用してください。それ以外の場合は、singpolymaが提案したものを使用してください。

于 2009-04-08T14:26:50.903 に答える
3

sを使用する方が s<br>よりも間違いなく正しい<p>です。クラス名については、singpolyma に従います。

于 2009-04-09T09:01:01.583 に答える
2

最初の例は、http://microformats.org/wiki/adrを使用することです。これは、インデックス作成の標準としてかなり広く受け入れられているため、理想的です。

于 2009-04-08T14:30:03.703 に答える
2

今日の推奨標準はMicrodataのようです。

検索結果で組織の「リッチ スニペット」を作成する方法に関する Google からのヒントを次に示します:リッチ スニペット - 組織。推奨される Microdata マークアップの例:

<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" ...>vs <span itemprop="address" ...>)ではなく、アドレスの詳細のコンテナーとして使用します。

于 2013-05-01T21:30:31.623 に答える
0

自動化されたシステムがデータを取得できるようにするための何かを探しているようですね。そして、最初の解決策がはるかに優れていることに同意します。データに意味が割り当てられていることを確認します。また、住所 2 行目など、後で思い付かなかったフィールドを追加できるようになります。

于 2009-04-08T14:27:58.653 に答える
-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>

これにより、例で使用した、より一般的に使用されるタグからの不要なスタイルの継承が制限されます。アドレスの各行にクラスを与える必要があることに関しては、マークアップの使用に応じてオプションになります。'address'クラスを使用するか、順序付けされていないリストのIDを使用して、アドレス全体のスタイルを設定することができます。

于 2009-04-09T09:23:46.940 に答える