html - ap の外で span タグを使用できますか?

Question

リンク内にいくつかのアイコン フォントを配置していたのですが、次のように自問しましspanたp。

例では

<a href="http://fb.com">
    <span class="my-icon-font">link</span>
</a>

Answer 1

簡単な答えはノーです

この2つのセクションを読むことができます

スパン要素

この要素を使用できるコンテキスト:フレージングコンテンツが期待される場所。

p要素

この要素を使用できるコンテキスト: フロー コンテンツが期待される場所。

コンテンツ モデル: フレージング コンテンツ。

aはフローコンテンツ要素ですが、その中にフレージングspanコンテンツ要素を許可します。ただし、缶には が含まれています。ppspan

Answer 2

もちろん、それは何も悪いことではありません。これをしない限り：

<a href="http://fb.com">
    <span class="my-icon-font">link
</a></span>

そして、あなたのタグはあなたと同じテキスト全体をカバーするので、クラスをタグに追加することをお勧めします:

<a href="http://fb.com" class="my-icon-font">
    link
</a>

Answer 3

たとえば、複数の段落のテキストを順番に強調したい場合などに使用するのが理にかなっています。それ以外の場合は、自分の内部でクラスを使用するだけです

テキストを強調するためのタグ。