أو
، والذي يوجد فيه

https://stackoverflow.com/questions/1789692

22-09-2019
|

سؤال

في محاولة للحصول على رأسي حول العناصر الدلالية الجديدة في HTML5.

هل أ <section> تنتمي داخل <article> أم هو العكس؟ هل يهم حتى؟

أنا أبحث في إعادة هيكلة مدونة WordPress.

المحلول

ال section يمثل العنصر مستندًا عامًا أو قسمًا للتطبيق. قسم ، في هذا السياق ، هو مجموعة موضوعية للمحتوى ، عادةً مع رأس وربما تذييل.

ال article يمثل العنصر قسمًا مستقلًا من مستند أو صفحة أو موقع. يمكن أن يكون هذا منشورًا للمنتدى أو مقالًا في مجلة أو صحيفة أو إدخال مدونة أو تعليق مقدم من المستخدم أو أي عنصر مستقل آخر من المحتوى.

لذلك أود أن أقول كلاهما section و article يمكن أن تحتوي العناصر على العنصر الآخر ، إذا كان ذلك مناسبًا. أعتقد أن مخططك منطقي ، بصرف النظر عن عناصر القسم المتداخل:

عنصر القسم ليس عنصر حاوية عام. عندما تكون هناك حاجة إلى عنصر لأغراض التصميم أو كملاحة للبرمجة النصية ، يتم تشجيع المؤلفين على استخدام عنصر DIV بدلاً من ذلك. القاعدة العامة هي أن عنصر القسم مناسب فقط إذا تم إدراج محتويات العنصر بشكل صريح في مخطط المستند.

ربما استخدم <div> من أجل الخارجي؟

نصائح أخرى

في ال صفحة W3 Wiki حول هيكلة HTML5, ، انها تقول:

<section>: تستخدم إما لتجميع مقالات مختلفة في أغراض أو مواضيع مختلفة ، أو لتحديد الأقسام المختلفة لمقال واحد.

ثم يعرض صورة التي قمت بتنظيفها:

enter image description here

من المهم أيضًا معرفة كيفية استخدام <article> العلامة (من نفس رابط W3 أعلاه):

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

أود أن أستخدم Div لـ Outer One ، و Div للواحد الداخلي ، إلا إذا كان لديك عنوان مباشرة داخل القسم الداخلي.

تا

ثري

يرى http://html5doctor.com/the-section-element/ لمزيد من المعلومات.

imoo ، يجب أن يكون الأمر بسيطًا ، بسيطًا مثل ما سيأخذه الأشخاص العاديون كأمر مسلم به. إذا كان اسم علامة بسيط يربك الناس ، فهذا فشل. لي:

و <article> مقال. يشترك الناس في المقالات. عندما تقول شيئًا ما مقال ، أتوقع أن يكون لديه العنوان, ، وربما ملخصًا صغيرًا أيضًا ، حتى أتمكن من قراءته أم لا. إذا كان الأمر مثيرًا للاهتمام ، فسوف أشاركه مع أصدقائي. انها قائمة بذاتها.
أ <section> هو قسم. أنه بعيدا، بمعزل، على حد من الأشياء ذات الصلة. في الأساس ، ستحتاج إلى أقسام أخرى للحصول على الصورة كاملة.

لماذا تضع ملف <section> داخل <body>? أوه لأنه جزء من الجسم. جزء من موقع الويب الخاص بي. سأضع مقالاتي داخل هذا الجزء.

لماذا تضع ملف <section> داخل <section>? لأنه جزء من الذي - التي الجزء.

مرخصة بموجب: CC-BY-SA مع الإسناد

لا تنتمي إلى StackOverflow

أو ، والذي يوجد فيه

أو
، والذي يوجد فيه