آموزش تگ 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; }
در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید
دیدگاهتان را بنویسید