是否建议增加或减少HTML5部分元素？

在创建HTML5时，使用更多标签还是更少标签更好

我了解到任何相关内容都应该包装在

中，请检查以下内容，一个变体的标签较少，第二个变体的标签较多

我知道有些人说最好有更多的标签，有些人说更少，但有一个普遍接受的规则吗

<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>

联系我们


与基金会联系
与您的
问题和询问

发送消息
电子邮件
test@email.com

地址
名称
2道路名称
城市
电话：
+12345678

或

联系我们


与基金会联系
与您的
问题和询问

发送消息
电子邮件
test@email.com

地址
名称
2道路名称
城市
电话：
+12345678

每当（*）您使用标题（

h1

-

h6

），您也可以使用

部分（**）来包装此标题及其内容。你可以通过一个微笑的问题来了解更多

可以，不是必须

HTML5（CR）规范：

我们还鼓励作者在分段内容的元素中显式地包装分段，而不是依赖于通过在分段内容的一个元素中包含多个标题而生成的隐式分段

因此，我们鼓励您这样做，这是对您的问题的肯定的

（*网站标题除外，即标题是
正文
的子项，不包含其他分段内容元素。）

（**除非内容适用于
文章
、
旁白
或
导航
）


我读到任何相关内容都应该包装在
[…]中

事实并非如此。“相关”可以指很多事情。请注意
部分
（以及其他部分元素
文章
，
旁边
和
导航
）在生成文档时发挥作用。
我建议您研究HTML5规范。@bažmegakapa HTML5规范已经够麻烦的了，我认为在这里提供一些建议是值得的，试着看看这两个标记之间的区别。@jacques我想这不是合适的地方。时间太长了。
<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>