آموزش و يادگيري تگ section در HTML

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

تگ section در HTML چيست؟

تگ <section> بخشي از صفحه را که داراي يک موضوع يا مفهوم خاص است مشخص مي‌کند. معمولاً شامل يک تيتر (<h1> - <h6>) و محتواي مرتبط است. اين تگ به موتورهاي جستجو و ابزارهاي دسترسي کمک مي‌کند تا محتواي صفحه را بهتر درک کنند.

مثال ساده از تگ section

<section>
  <h2>درباره ما</h2>
  <p>ما يک تيم حرفه‌اي در زمينه آموزش وب هستيم.</p>
</section>

در اين مثال، بخش "درباره ما" به صورت يک <section> مجزا تعريف شده است.

ويژگي‌هاي مهم تگ section

ويژگي	توضيح
id	شناسه بخش براي لينک داخلي يا CSS
class	نام کلاس براي استايل‌دهي با CSS

مثال با چند section در يک صفحه

<section id="about">
  <h2>درباره ما</h2>
  <p>توضيحاتي درباره تيم.</p>
</section>

<section id="services">
  <h2>خدمات ما</h2>
  <p>توضيحاتي درباره خدمات ارائه شده.</p>
</section>

استفاده از چند <section> باعث مي‌شود محتواي صفحه بهتر ساختاربندي و قابل فهم‌تر شود.