脇見タグは記事の最初にあることができますか？

Question

asideタグをarticleタグの先頭に付けることはできますか？

私はasideタグのスピードを読み込んでいましたが、本当にそれを私に説明するものは見つかりませんでした。

これが正当な構造であるかどうかを説明できるHTML5の専門家はどれですか？

<article> 
<aside> 
    <h2>Aside Heading</h2> 
    <p> 
    Aside info 
    </p> 
</aside> 
<h2>Article Heading</h2> 
<p> 
    Article info 
</p> 
</article> 

それともasideは、このようなarticleコンテンツの後にすることが重要である：

<article> 
<h2>Article Heading</h2> 
<p> 
    Article info 
</p> 
<aside> 
    <h2>Aside Heading</h2> 
    <p> 
    Aside info 
    </p> 
</aside> 
</article> 

Answer 1

あなたの第二のスニペットは、より良い選択、それが記事の見出しの前にいないためにasideのためのより良いですです。

警告：記事の見出しを欠い

理由はarticleの最初の子が無効ではないようasideながら、the results of trying it in the HTML checker (validator)を見て、あなたはそれがこの警告の原因がわかりますということです。 h2-h6要素を使用して、すべての記事に見出し見出しを追加することを検討してください。

警告はHTMLチェッカーのバグではありません。 （https://h5o.github.io/など）の他の実装でも、その記事は見出しが欠けていると見なされます。

明らかにそのaside要素は、アウトライン化アルゴリズムを検討する原因articleの見出しを、先行している場合、原因（奇妙に思えることができます...）HTMLのアウトラインアルゴリズムの要件にブタthere- <h2>Article Heading</h2>見出しがありますarticleには見出しが欠けています。

ある

<article> 
<h2>Article Heading</h2> 
<aside> 
    <h2>Aside Heading</h2> 
    <p> 
    Aside info 
    </p> 
</aside> 
<p> 
    Article info 
</p> 
</article> 

、ちょうど移動：

ので、アウトライン・アルゴリズムはと幸せになると、それはHTMLチェッカからの警告を回避するような方法でコンテンツをマークアップするための1つの選択肢はこれですasideの前に<h2>Article Heading</h2>と入力してください。

もう1つの方法は、質問であなたの例で行ったことを行うことです。asideをarticleの最後に移動します。 the results of trying that second example from the question in the HTML checkerを見ると、警告が表示され、エラーは表示されません。