2

セクションタグの中に見出しタグが含まれていなくても大丈夫かどうか知りたいです。私はいくつかの例を見てきましたが、それらはすべて内部に見出しタグがあります。

現在、セクションタグに実装している構造は次のとおりです。

<section>
    <article>
        <div>
        </div>
    </article>
    <article>
        <div>
        </div>
    </article>
</section>
4

2 に答える 2

1

現在の仕様では、通常はヘッダーがあるとしか書かれていません。それが必要だと言うものは何もありません。

出典：

http://www.w3.org/TR/html51/sections.html#the-section-element

http://developers.whatwg.org/sections.html#the-section-element

http://html5doctor.com/the-section-element/

于 2013-01-25T21:46:09.830 に答える
1

HTML5では、記事要素内でヘッダーを使用する必要はありませんが、公開日などの追加の詳細を公開したい場合や、各記事に素敵なフッターを含めることができる場合に便利です。

これは便利です：

<section>
    <article>
        <header>
            <hgroup>
                <h1>This is the Article Header</h1>
                <h2>This is a tagline header</h2>
            </hgroup>
            <time class="dtstart" datetime="2011-10-05T09:00Z">9am Oct 5th</time>
         </header>
         <div>
             <p>This is the content</>
         </div>
         <footer>
             <p>Article Authored by Username<br>
             Twitter Link<br>
             Google Plus Author Link</p>
         </footer>
</article>

上記のコードを使用すると、サイトのメインヘッダーとフッターがセクション内に含まれないため、追加クラスをほとんど作成せずにサイトのスタイルを設定できます。少なくとも、サイトがないことを願っています。

したがって、記事のフッターとヘッダー、およびそれらのその他すべてのスタイルを設定することは、たとえば非常にコードが非常に多い追加のクラスを作成することなく可能です。

article header h1 {font-size:20px;}
article header h2 {font-size:12px;}
article div h1 {font-size:36px;}
article div h2 {font-size:26px;}
article footer {font-size:12px;}
article time {fonts-size:9px;}
article hgroup {padding:20px;}
section article {padding:20px;}

上記のコードでは、クラスを作成する必要がなく、非常に素晴らしく、非常に柔軟であることに注意してください。これは役に立ちません：

<section>
    <article>
        <header>
            <h1>The Header</h1>
        </header>
        <div>
            <p>I am the content</p>
        </div>        
    </article>
</section>

HTML5の使用方法は非常にあいまいで、記事内でヘッダーを使用する必要がある場合でも多くの人が不満を抱きますが、公開日、作成者、複数のH1など、ヘッダーに固執するコンテンツがたくさんある場合はヘッダーが役立ちます。およびH2など。

記事のフッターの方が便利ですが、通常、ヘッダーも使用するフッターを使用している場合は、常にできるだけ少ないコードでコーディングする必要があります。また、必要に応じて、一部のHTML5の代わりにGoogleのスニペットを常に検討する必要があります。それらからの利益。

サイトのスタイルを設定するのに最も簡単なものを考慮に入れる必要があります。たとえば、ヘッダーを使用すると、追加のクラスを作成しなくても使いやすくなります。

于 2013-01-25T22:23:52.117 に答える