it-swarm.asia

متى يجب استخدام عنصر القسم؟

أنا مرتبك قليلاً من عنصر HTML5 الجديد ، <section>. ما هي الطريقة الصحيحة لاستخدامها؟
النظر في هذا المخطط التفصيلي:

<article>
  <header>
    <h2>Title</h2>
    <p>Spiffy tagline</p>
  </header>
  <section>
    <p>My content! BLA BLA BLA YADDA YADDA</p>
    <p>Some more content!</b>
  </section>
</article>

هل له معنى؟
ماذا لو كان لدي مقالات أصغر ، مع مجرد عنوان ونص موجز؟ هل سيكون (دلالة ، spec-wise ، إلخ) حذف section؟

8
Agos

إذا لم تكن بحاجة إلى أقسام (تحتوي على مقالات صغيرة) ، يمكنك فقط استخدام كيان <article> عارية حول المحتوى الخاص بك. وعندما لا تفعل ذلك ، يمكن للقسم أن يلف العناوين الفرعية والفقرات في تلك الأقسام.

تحقق من html5 قسم المواصفات .

مثال:

<header>
  <h1>Blog Posts</h1>
</header>
<article>
  <header>
    <h1>Article Header</h1>
    <h2>My Awesome Stuff!</h2>
  </header>
  <p>My content! BLA BLA BLA YADDA YADDA</p>
  <p>Some more content!</b>
</article>
<article>
  <header>
    <h1>Article 2 Header</h1>
    <h2>More of My Awesome Stuff!</h2>
  </header>
  <section>
    <header>
      <h1>Getting started</h1>
    </header>
    <p>Getting started text</p>
  </section>
  <section>
    <header>
      <h1>Now you're underway</h1>
    </header>
    <p>Underway text</p>
  </section>
  <section>
    <header>
      <h1>Wrapping up</h1>
    </header>
    <p>Wrapping up text</p>
  </section>
</article>
2
JasonBirch

أعتقد أنك ستجد Dive Into HTML5 ، كتاب قيد التقدم ، مصدر رائع. فيما يلي قسم ذو صلة بـ متى وكيفية استخدام العناصر الدلالية الجديدة . على سبيل المثال ، أعتقد أنك قد تكون قادرًا على حذف العلامة <section>.

4
Virtuosi Media