تگ section در html

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

نحوه استفاده از تگ <section>

↑

توجه داشته باشید تگ <section> باید داخل <body> استفاده شود، همچنین زمانی که استفاده می‌کنید باید برای هر بخش ( داخل تگ ) یک عنوان از <h1> تا <h6> را تعریف کنید. نمونه کد زیر نشان می‌دهد که چگونه از تگ <section> برای تقسیم بندی محتوا در HTML استفاده کنید:

<body>
  <main>
    <section>
      <h2>بخش اول</h2>
      <!-- محتوای بخش اول -->
    </section>
    
    <section>
      <h2>بخش دوم</h2>
      <!-- محتوای بخش دوم -->
    </section>
    
    <section>
      <h2>بخش سوم</h2>
      <!-- محتوای بخش سوم -->
    </section>
  </main>
</body>

attribute یا ویژگی‌های قابل استفاده در تگ <section>

↑

تگ section می‌تواند دارای چندین ویژگی یا attribute باشد که استفاده از این ویژگی‌ها اختیاری است.

Global Attributes

↑

تگ <section> از Global Attributes در HTML پشتیبانی می کند.

Event Attributes

↑

تگ <section> از Event Attributes in HTML در HTML پشتیبانی می کند.

ویژگی‌های ظاهری پیشفرض در تگ section

↑

اکثر مرورگرها تگ <section> را با مقادیر پیش فرض زیر نمایش می دهند:

section{
  display: block;
}

آموزش خصوصی طراحی سایت و وردپرس به صورت آنلاین

پروژه محور - ارتباط مستقیم با مدرس

ثبت نامتعرفه آموزش خصوصی