HTML <section> Tag
تگ <section> در HTML یک بخش مستقل را مشخص می کند. این بخش میتواند دارای یک تیتر باشد تا موضوع محتوایی آن را مشخص کند.
مثال:
<section>
<h2>سایتهای ثابت (Static Website)</h2>
<p>
این سایتها یکبار طراحی می‌شوند و اطلاعات مورد نیاز در داخل آن‌ها قرار
می‌گیرد و پس از آن برای تغییر در آن‌ها نیاز به یک طراح حرفه‌ای یا نیمه
حرفه‌ای سایت است. زبان برنامه‌نویسی این‌گونه از سایتها غالباً HTML و
Java Script هستند که در نوع توسعه یافته تر از CSS نیز بهره گرفته می‌شود.
</p>
</section>
<section>
<h2>سایتهای پویا (Dynamic Website)</h2>
<p>
محتوای سایتهای داینامیک بعد از طراحی توسط افراد عادی که دسترسی به سیستم
مدیریت محتوای سایت را داشته باشند قابل تغییر است. زبان برنامه‌نویسی
وبسایتهای پویا میتواند براساس نیاز متفاوت باشد اما عمدتاً از زبان‌های
ASP، ASP.Net و Php استفاده می‌شود.
</p>
</section>
نتیجه:
مشاهده و ویرایش کد در حالت تمام صفحه
هر بخش از تگ <section> باید توسط تگ های هدر (تیتر) <h1> تا <h6> مشخص شوند. این عنصر نباید برای موارد عمومی استفاده شود. این کار بر عهده عنصر <div> است.
پشتیبانی مرورگرها
تمام مرورگرها از این تگ HTML پشتیبانی می کنند.
سلام خسته نباشید اگر شما سورس سایت من به آدرس nafarebartar.com را ببینید از تگ استفاده کرده و از تگ div کمتر استفاده شده است حالا آیا رعایت شده این قوانین یا بهتره قالب رو عوض کنم؟
بعد از استفاده از عناوین h1 تا h6 داخلش اعمال نکرده و برخی جاها در دل تگ از تگ div استفاده شده است.
سلام وقتتون بخیر
استفاده از تگهای ساختاری مثل div و section برای درک بهتر مرورگرهای وب و همچنین موتورهای جستجو کاربرد دارد. اما در عملکرد تفاوتی نمی کند. توضیحی که در این پست داده شده صرفا استانداردها را بیان میکند. استفاده از تگهای h1 تا h6 باید به ترتیب استفاده شود. یعنی اگر در یک صفحه از ۳ تگ head استفاده میکنید باید شامل h1, h2, h3 باشد.