0

マークアップを書いているのですが、この部分に疑問があります。
PrimaryContacts

そして、これが私のマークアップです：

    <ul class="primaryContacts">
        <li><address>Phone: <em class="headerPhone">1.800.corp</em></address></li>
        <li><address>Email: <em class="headerEmail">office@corpora.com</em></address></li>
        <li><address>Follow Us: <a href="#" class="headerRSS"></a><a href="#" class="headerTwitter"></a><a href="#" class="headerFacebook"></a></address></li>
    </ul>

タグaddressをem正しい方法で使用しましたか、それとももっとセマンティックなタグがありますか？そして多分他のいくつかの間違い..助けてくれてみんなありがとう。
[編集]：
私がこれを書いた答えによると：

        <ul class="primaryContacts">
            <li>Phone: <span class="headerPhone">1.800.corp</span></li>
            <li>Email: <span class="headerEmail">office@corpora.com</span></li>
            <li>Follow Us: <a href="#" class="headerRSS"></a><a href="#" class="headerTwitter"></a><a href="#" class="headerFacebook"></a></li>
        </ul>

この連絡先情報は実際には私のものではなく、私が理解しaddressているように、ここでは何の関係もありません。また、私はem'sをspan'sに変更しました。手伝ってくれてありがとう。

4

2 に答える 2

1

このaddress要素は、ドキュメントの作成者に関する連絡先情報を提供するものとして定義されています。これは、そのような連絡先情報のようには見えません。addressただし、一部のブラウザでのデフォルトのスタイリング (イタリック フォントなど) を除いて、特定の方法で要素を使用するソフトウェアはほとんどありません。

このem要素はさまざまな解釈の対象となり、HTML5 の草稿では事態がさら​​に複雑になります。実際には、それほど重要ではありません。を使用するとem、デフォルトでフォントが斜体になります。それはそれについてです。em検索エンジンがページ内の要素に大きな相対的な重みを与えるという噂があります。これがここで役立つかどうかは疑問です。

于 2013-02-14T23:10:46.887 に答える
1

<address>使い方を間違っていると思います。spec から読み取れる内容に基づいて、コードを作成するより良い方法は、<address>を親として使用することです。さらに、は強調強調<em>を指定するためのものであり、そうではありません。だからあなたはそれを取り除くべきです。ただし、スタイルを変えたい場合は、要素を使用して CSS フックを設定できます。<span>

<address>
  <ul class="primaryContacts">
   <li>Phone: <span class="headerPhone">1.800.corp</span></li>
   <li>Email: <span class="headerEmail">office@corpora.com</span></li>
   <li>Follow Us: <a href="#" class="headerRSS"></a><a href="#" class="headerTwitter"></a><a href="#" class="headerFacebook"></a></li>
  </ul>
</address>
于 2013-02-14T23:09:56.060 に答える