مثال

در اینجا یک سند است که خود یک عنوان به همراه دو عنوان دارد section عناصر و محتوای خود:

نحو

1
<h1>Learning Spanish</h1>
2
    <section>
3
        <h2>First Chapter</h2>
4
        <p>Eiusmod esse amet reprehenderit ea consequat et tempor ad enim.</p>
5
    </section>
6
    <section>
7
        <h2>Second Chapter</h2>
8
        <p>Laborum laborum elit aute reprehenderit ea exercitation cupidatat qui ipsum.</p>
9
    </section>

نتیجه

طرح کلی سند

اگر HTML فوق را از طریق an اجرا کنیم ابزار outliner HTML ما می توانیم ببینیم که مرورگر چگونه سلسله مراتب را تفسیر می کند:

نمونه طرح کلی سند htmlنمونه طرح کلی سند htmlنمونه طرح کلی سند html

را h1 و h2 عناصر به خودی خود این ساختار سند را ایجاد می کنند. اما حتی اگر فقط استفاده کرده باشیم h1 سرفصل ها، section عناصر نیز با این سلسله مراتب ارتباط برقرار می کنند.

پشتیبانی مرورگر

را section عنصر در تمام مرورگرهای مدرن پشتیبانی می شود. در caniuse.com بیشتر بخوانید.

ویژگی های

آ section عنصر پشتیبانی می کند ویژگی های جهانی در HTML. مشخصه های جهانی برای همه عناصر HTML مشترک هستند و می توانند روی همه آنها استفاده شوند (اگرچه ممکن است تأثیر زیادی روی برخی از آنها نداشته باشند).

محتوا

HTML section عنصر پشتیبانی می کند محتوای جریان.

  • چندین مورد دیگر وجود دارد بخش بندی عناصر مفید برای تقسیم محتوا در یک صفحه به روشی توصیفی: <article>، <aside>، <form>، <header>، <footer>، <main>، و <nav> همه عناصر برش هستند.

تفاوت بین a چیست div و الف section عنصر؟

مثل یک div، آ section عنصر بخشی از یک صفحه HTML را تقسیم می کند. تفاوت اصلی این است که الف div عنصر خنثی است، در حالی که section عنصر نیست. به عبارت دیگر، الف div محتوای آن را توصیف نمی کند، در حالی که الف section عنصر انجام می دهد.

ممکن است از a استفاده کنید div عنصر صرفاً برای اهداف یک ظاهر طراحی شده است، اما الف section است معنایی و به موتورهای جستجو، مرورگرها و فناوری‌های کمکی می‌گوید: «این یک بخش خاص از محتوا است».

بیشتر بدانید