<section>または<article>（これに含まれています）

HTML5の新しい意味要素の頭を奪おうとしています。<section>または<article>（これに含まれています）

<section>は<article>に属していますか、それとも逆ですか？それは問題なの？

私はワードプレスのブログを再構成しています。 HTML5 specから

出典

2009-11-24 Abizern

試行されたレイアウトへのリンクが機能していないようです。 – Chris

@Abizern、あなたは1つにサイトをリンクするのではなく、StackOverflowに画像をアップロードできますか？あなたの質問に関する現在のイメージは壊れています。 – Justin

私が質問を投稿した時点で、それを行うオプションはありませんでした。 – Abizern

：

section要素は、一般的な文書またはアプリケーションのセクションを表します。この文脈では、セクションはコンテンツの主題グループであり、典型的にはヘッダと、場合によってはフッタとを有する。

と

article要素は、ドキュメント、ページ、またはサイトの独立したセクションを表します。これは、フォーラムの投稿、雑誌や新聞の記事、ブログの投稿、ユーザーが投稿したコメント、または他の独立したコンテンツのアイテムである可能性があります。

sectionとarticleの両方の要素に、必要に応じて他の要素を含めることができます。私はあなたのダイアグラムがネストされたセクションの要素を除いて意味をなすと思います：

section要素はジェネリックなコンテナ要素ではありません。要素がスタイリング目的やスクリプト作成の便宜のために必要な場合は、代わりにdiv要素を使用することをお勧めします。一般的な規則は、要素の内容が文書のアウトラインに明示的にリストされる場合にのみsection要素が適切であることです。

外側には<div>を使用しますか？

出典

2009-11-24 12:21:20 DisgruntledGoat

それは私にはちょっと聞こえます。私が見つけた例もこれを裏づけています。ありがとう。 – Abizern

内側のセクションの内側に見出しがある場合を除き、外側のdivにはdivを使用し、内側のdivにはdivを使用します。

のTa

リッチ

詳細はhttp://html5doctor.com/the-section-element/を参照してください。 W3 wiki page about structuring HTML5で

出典

2009-11-26 09:58:40

、それは言う：

<section>：異なる目的や対象にグループ別の記事のいずれかに使用される、または単一の物品の異なるセクションを定義します。

そして私がクリーンアップan image表示されます。

enter image description here

それは（上記と同じW3のリンクから）<article>タグを使用する方法を知っておくことも重要です：

<article>は<section>に関連していますが、はっきりと異なります。 <section>はコンテンツの別々のセクションまたは機能をグループ化するためのものですが、<article>は個々のブログ投稿、動画、画像やニュースアイテムなどのスタンドアロンコンテンツの個別のコンテンツを格納するためのものです。このように考えてください。個のコンテンツがあり、それぞれの書籍を読むのに適していて、RSS フィードで別々のアイテムとしてシンジケートするのが適切な場合は、<article>が適していますそれらをマークアップします。

この例では、<section id="main">にはブログエントリが含まれています。したがって、各ブログエントリはRSSフィードにアイテムとして配信するのに適しているであろう、と自分自身で読んだときは、コンテキストの外に、理にかなって、 <article>は彼らのために最適です：

<section id="main"> 
    <article> 
     <!-- first blog post --> 
    </article> 

    <article> 
     <!-- second blog post --> 
    </article> 

    <article> 
     <!-- third blog post --> 
    </article> 
</section>

シンプルなの？ただし、記事をの中にネストすることもできます。たとえば、のブログ記事のそれぞれに一貫した構造のセクションがある場合は、セクション内に記事を配置することもできます。それは、このようななものになります：

<article> 
    <section id="introduction"> 
    </section> 

    <section id="content"> 
    </section> 

    <section id="summary"> 
    </section> 
</article>

出典

2014-01-02 18:13:23 Justin

IMOOを、それは、当たり前の普通の人はそれを取るだろうどのように単純で簡単なものでなければなりません。単純なタグ名が人を混乱させるならば、それは失敗です。私の場合：

<article>は記事です。人々は記事を共有します。あなたが何かが記事であると言うとき、私はそれがタイトルを持っていると思います、そして少しの要約も同様に、私はそれを読むかどうか決定することができます。面白いなら、私は友達にそれを分かち合います。自己完結型です。
<section>は、セクションです。関連するもののの部分はです。基本的には、全体像を得るために他のセクションが必要です。

あなたは<body>内<section>を置くのはなぜ？ああ、体の一部だからね。私のウェブサイトの一部。私はこの部分の中に私の記事を入れるつもりです。

なぜ<section>を<section>に入れますか？の部分ですので、セクションです。

出典

2017-07-25 22:10:06 Niing

<section>または<article>（これに含まれています）

答えて

関連する問題