معرفی و کاربرد تگ section در HTML
معرفی و کاربرد تگ section در HTML بخش بندی معناگرا
در این مقاله از سایت آموزی جهت استفاده شما عزیزان به معرفی و کاربرد تگ <section> در HTML می پردازیم.
تگ <section> در اچ ای ام ال
تگ <section> تعیین یک بخش یا قسمت مجزا در یک سند وب ، مانند فصل ، هدر ، پاورقی ، و یا هر بخش دیگر از سند HTML را مشخص می کند.
از تگ <section> هنگامی که فقط نیاز به استایل دادن و اسکریپت نویسی دارید استفاده نکنید. هنگامی از تگ <section> استفاده کنید که محتوای شما از نظر مفهومی دارای تم مشخصی است حتما به تگ <section> خود عنوان بدهید.
تگ <section> جایگزینی برای تگ div نیست. هرچند سایر تگ های HTML5 مانند تگ header ، تگ footer ، تگ main و … با div هایی که ان قسمت ها را در بر میگرفتند جایگزین شدند. ولی برای تگ <section> اینگونه نیست. اگر تعریف این تگ در مستندات مربوط به html5 را بخوانید، به این موضوع پی خواهید برد.
مثال در مورد تگ <section> در اچ تی ام ال
<section>
<h2>WWF</h2>
<p>The World Wide Fund for Nature (WWF) is….</p>
</section>
خروجی کد در مرورگر اینترنتی
WWF
The World Wide Fund for Nature (WWF) is….
بررسی تگ <section> در HTML 4.01 و HTML5
تگ <section> یک تگ جدید در HTML5 است. که در HTML4.01 و نسخه های قبلی پشتیبانی نمی شد.
خصوصیات ویژه تگ <section> در اچ تی ام ال
تگ <section> هیچ یک از خصوصیات ویژه در سند HTML را پشتیبانی نمی کند.
برای کسب اطلاعات بیشتر در مورد یادگیری طراحی وب حتما به صفحه آموزش طراحی سایت سر بزنید.
ویژگی های عمومی تگ <section> در HTML
تگ <section> از کلیه ویژگی های عمومی در سند HTML پشتیبانی می کند.
رویدادهای عمومی تگ <section> در HTML
تگ <section> از کلیه رویدادهای عمومی در سند HTML پشتیبانی می کند.
پشتیبانی مرورگرها از تگ <section> در اچ تی ام ال
در زیر مرورگرهای معتبر اینترنتی از اولین نسخه هایی که از تگ <section> پشتیبانی می کنند، آمده است:
تگ | فایرفاکس | اینترنت اکسپلورر | گوگل کروم | سافاری | اپرا |
section | 4.0 به بالا | 9.0 به بالا | 6.0 به بالا | 5.0 به بالا | 11.1 به بالا |
جهت دیدن تمام ردیف و ستون ها در حالت موبایلی جدول را به چپ و راست اسکرول کنید.
پیوندهای مهم و کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
تگ های block level و inline level در سایت آموزی
معرفی و کاربرد تگ section در HTML بخش بندی معناگرا – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی6 دیدگاه
به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.
سلام تفاوت بین section و div چیه ؟
درود در دوره جامع فرانت اند کامل توضیح داده شده..
آدرس ثبت نام در دوره فرانت اند : https://siteamoozi.com/product/?p=29217/
فکر کنم جوابه یه سوال راحت رو همینجا بدین بد نیست!! واجبه به خاطره یک سوال ارجاع میدین به خرید دورتون؟ دور از اخلاقه کارتون
دوست عزیز شما با جواب گرفتن از یک سوال طراح وب نخواهید شد برای یادگیری کامل و جامع مباحث فرانت اند ارزش داره که هزینه کنید… با تشکر سایت آموزی
کسی نیازی به آموزش شما نداره برای طراح سایت شدن وقتی حتی یک سوال ساده رو هم حاضر نیستید جواب بدین معلوم میشه چه شخصیتی به عنوان معلم دارید . اونم فقط پوله
با پاسخ گرفتن در یک سوال طراح سایت نخواهید شد. شما باید زمان زیادی برای جمع کردن منابع بگذارید ولی ما و افرادی که در حوزه آموزش طراحی سایت هستیم کمک می کنیم که این زمان یادگیری رو کوتاه تر کنید… بله همه طراحی سایت رو یاد میگیرن ولی یک نفر تو یکی دو سال با تمام متعلقاتش یاد میگیره و یک نفر هم که قصد داره خودش یاد بگیره ممکنه تا 4 ، 5 سال منابع مختلف رو بررسی کنه و یاد بگیره… تازه کلی تجارب و فوت کوزه گری هست که در عمل باید کشف کنید که به این زودی ها بهش نمیرسید. پس ما مدرسین طراحی سایت از شما زمان میخریم و در عمر شما صرفه جویی می کنیم و این یک سود دوطرفس و بحث پول نیست که فقط ما منفعت ببریم منفعت اصلی رو شما میبرید که سریع تر همه چیز رو یاد میگیرید… موفق باشید دوست عزیز