آموزش تگ section در HTML
آموزش تگ section در HTML
دوست من سلام امیدوارم حالتون عالی و پر از انرژی باشید. توی این بخش از آموزش html css قراره که با آموزش تگ section در HTML به صورت کامل آشنا بشید.
تگ section در HTML
میتوانیم با استفاده از تگ section یک ناحیه در صفحه وبسایت خود ایجاد کنیم و آن را به بخش خاصی از وب سایت خود اختصاص دهیم.
اغلب برای اینکه یک بخش یا محتوای مستقل را در صفحه وب خود ایجاد کنیم از تگ section استفاده میکنیم. همچنین بهتر است هر بخش دارای یک عنوان مجزا و مختص به خود باشد. برای ایجاد عنوان هایی با سایز های متغییر میتوانیم از تگ های H1 الی H6 استفاده کنیم و تیتر بخش مورد نظر را انتخاب نماییم.
چندین مثال برای تگ section در HTML
در ادامه دوره آموزشی HTML CSS پروژه محور به تحلیل و بررسی چند مثال از تگ section میپردازیم.
مثال نخست : استفاده از تگ section به همراه عنوان که برای ایجاد عنوان از تگ h2 استفاده کرده ایم.
<body dir="rtl">
<section>
<h2>بخش اول</h2>
<p>سایت آموزشی wppush بهترین سایت آموزش برنامه نویسی وب</p>
</section>
<section>
<h2>بخش دوم</h2>
<p>سایت آموزشی wppush بهترین سایت آموزش برنامه نویسی وب </p>
</section>
</body>
دومین مثال: استفاده کردن از تگ Article داخل تگ section
<section>
<article>
مطلب اول
</article>
<article>
مطلب دوم
</article>
</section>
مثال شماره ۳ : استفاده کردن از تگ section داخل تگ Article (کاری برعکس مورد قبلی)
<article>
<section id="moarefi"> ... </section>
<section id="tasavir"> ... </section>
<section id="natije-giri"> ... </section>
</article>
راستی اگر دنبال آموزش html css پروژه محور هستید می توانید از دوره ی آموزش وردپرس پوش استفاده کنید. جهت مشاهده ی 28 ساعت ویدیو آموزشی با پشتیبانی مادام العمر روی این لینک کلیک کنید
پشتیبانی مرورگرها از تگ section
در جدول زیر میتوانید مرورگرهای اینترنتی که از تگ section در HTML پشتیبانی میکنند را مشاهده نمایید و بدانید که آیا از مروگر مورد استفاده شما هم پشتیبانی میکنند یا خیر…
پشتیبانی تگ section از صفات و رویدادهای عمومی
تگ section قابلیت پشتیبانی از تمام صفات عمومی و رویدادهای عمومی در HTML دارد.
نکات و توضیحات
اگر به خاطر داشته باشید در دوره آموزشی html css پروژه محور چندین بار گفته شده است که در زبان HTML برای هر چیزی یک تگ مخصوص وجود دارد ، مثلا برای قراردادن عکس در صفحه می باست از تگ img استفاده کنیم ، یا مثلا برای قراردادن ویدئو باید از تگ Video استفاده کنیم.
تگ section می تواند در درون خود دارای محتوای مستقل باشد ، منظور از مستقل بودن محتوا یعنی اگر چیزی داشته باشیم ولی تگ مخصوص برای آن وجود نداشته باشد می توانیم آن را داخل تگ section قرار دهیم.
به عنوان مثل اگر ما بخواهیم لیستی از نتایج جستجو را در سایت خود به نمایش بگذاریم ، تگ مخصوص برای این کار وجود نداره پس در این حالت میتونیم همانند دستور زیر از تگ section استفاده کنیم.
<body>
<section>
<h2>نتایج یافت شده از جستجو</h2>
<p>نتیجه 1</p>
<p>نتیجه 2</p>
<p>نتیجه 3</p>
</section>
</body>
دستورات پیش فرض CSS
معمولا مرورگرها تگ section را بصورت پیش فرض با دستوراتی نظیر کد های CSS زیر نمایش میدهند.
section {
display: block;
}
در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید
دیدگاهتان را بنویسید