2016-12-26 3 views
1

のは、私はこれを持っているとしましょう、<article>では、意味的にの中に<figure>を入れることができますか?

<article> 
    <header> 
     <h1>Article title</h1> 
     <p>Article kicker</p> 
     <figure> 
      <img class="featured-image" src="http://article.com/featured/image.jpg"> 
     </figure> 
    </header> 
    <div class="content"> 
     <p>Bla bla</p> 
     <p>Bla bla</p> 
    </div> 
    <footer> 
     <p>About author</p> 
    </footer> 
</article> 

<header><figure>を入れて、それは意味的に正しいですか?

specは<figure>コンテンツの単位

などを定義する、任意にキャプションと、それは、自己完結型の、典型的に 文書のメインフローから単一ユニットとして参照される

それは<header>の内側に置かれている場合は、その<figure><article>の頭に属し代わりの<article>自体に所属するだろうか?周りを見てみましたが、答えが見つかりませんでした。

+1

imgにalt属性がないため、詳細は不明です。 – BoltClock

+0

@BoltClock興味深い。しかし、それはイメージとfigcaptionの権利の両方altを持つ図形を防ぐことはありません? – deathlock

+1

いいえ、あなたはまだ両方を持つことができます - 画像が利用できないときの代替テキストとしてaltテキストが意図されている間、figcaptionは画像の説明を提供します。同じテキストでも、代替テキストをどのように反映させるかによっても異なります。下記の例をご覧ください:https://www.w3.org/TR/html5/embedded-content-0.html#images-that-include-text – BoltClock

答えて

1

図はまだ記事の一部です。あなたの人物が実際に記事のヘッダーの一部であり、記事の主な内容ではない場合、それはちょうど記事ヘッダーにあるようになります。

セクション分割について質問している場合、<header><footer>はセクションの要素ではないため、図はまだ記事のアウトラインの一部になります。同じアウトラインの

<article> 
    <!-- header --> 
     <h1>Article title</h1> 
     <p>Article kicker</p> 
     <figure> 
      <img class="featured-image" src="http://article.com/featured/image.jpg"> 
     </figure> 
    <!-- /header --> 
    <div class="content"> 
     <p>Bla bla</p> 
     <p>Bla bla</p> 
    </div> 
    <!-- footer --> 
     <p>About author</p> 
    <!-- /footer --> 
</article> 

結果:それは<header><footer>タグを削除またはコメントアウト、です。

+0

ご清聴ありがとうございます!私は注目の画像は、記事のコンテンツの権利よりもヘッダーになければならないと思いますか? – deathlock

+0

@deathlock:右のように聞こえます。私はフィギュアの要素で特色のあるイメージを見たことがあるかどうか分かりません。しかしそれはあなた次第です。 – BoltClock

+0

なぜそれはそうですか?それは、主題のイメージが取り除かれてはならないからですか? – deathlock

関連する問題