0

HTML5 を作成するときは、タグを多く使用するのと、タグを少なくするのとではどちらが良いですか?

関連するコンテンツはすべて でラップする必要があると読みました<section>。以下を確認してください。1 つのバリアントはタグが少なく、2 つ目はタグが多くなっています。

タグが多い方が良いと言う人もいれば、少ない方が良いと言う人もいますが、一般的に受け入れられているルールはありますか?

<section class="body" id="contact">
        <section id="contact_us_form">
            <header>
                <h1>CONTACT US</h1>
                <hr />
            </header>
            <p>
                Get in touch with the Foundation<br /> with your
                questions and queries
            </p>
            <form action="">
                <input type="text" name="name" placeholder="name"
                    autocomplete="on" autofocus="on"> <input type="text" name="email"
                    placeholder="email">
                <textarea name="message" placeholder="message"></textarea>
                <button class="submit" type="submit" formaction="">SEND MESSAGE</button>
            </form>
        </section>

        <section id="contact_details">
            <section id="email_address">
                <h1>EMAIL</h1>
                <p>test@email.com</p>
            </section>

            <section id="postal_address">
                <h1>ADDRESS</h1>
                <address class="vcard">
                    <div class="adr">
                        <div class="center-name">name</div>
                        <div class="street-address">2 road name</div>
                        <div class="locality">city</div>
                    </div>
                </address>
            </section>

            <section id="phone_number">
                <h1>PHONE:</h1>
                <p>+12345678</p>
            </section>

        </section>
    </section>

または

<section class="body" id="contact">
        <section id="contact_us_form">

                <h1>CONTACT US</h1>
                <hr />

            <p>
                Get in touch with the Foundation<br /> with your
                questions and queries
            </p>
            <form action="">
                <input type="text" name="name" placeholder="name"
                    autocomplete="on" autofocus="on"> <input type="text" name="email"
                    placeholder="email">
                <textarea name="message" placeholder="message"></textarea>
                <button class="submit" type="submit" formaction="">SEND MESSAGE</button>
            </form>
        </section>

        <section id="contact_details">

                <h1>EMAIL</h1>
                <p>test@email.com</p>



                <h1>ADDRESS</h1>
                <address class="vcard">
                    <div class="adr">
                        <div class="center-name">name</div>
                        <div class="street-address">2 road name</div>
                        <div class="locality">city</div>
                    </div>
                </address>



                <h1>PHONE:</h1>
                <p>+12345678</p>


        </section>
    </section>
4

1 に答える 1

2

(*) 見出し ( h1- ) を使用する場合はいつでも、 (**) を使用してこの見出しとそのコンテンツをラップh6することもできます。これについては、同様の質問に対する私の回答sectionで詳しく読むことができます。

かもしれません。

HTML5（CR）仕様には次のように書かれています：

作成者は、セクション化コンテンツの 1 つの要素に複数の見出しを持つことによって生成される暗黙的なセクションに依存するのではなく、セクション化コンテンツの要素でセクションを明示的にラップすることも推奨されます。

あなたの質問にはイエスです。

(* サイトの見出し、つまり、body他のセクション コンテンツ要素の子であり、その要素の子ではない見出しを除く。)

article(** 、asideまたはに適した内容でない限りnav。)

関連するコンテンツは<section>[…]で囲む必要があると読みました。

本当じゃない。「関連」には多くの意味があります。仕様の定義に従います。section(およびその他のセクション要素article、asideおよび) は、ドキュメントのアウトラインnavを生成する際に役割を果たすことに注意してください。

于 2013-12-30T23:50:17.783 に答える