تگ div در html چه کاربردی دارد؟ | معرفی تگ div | درباره تگ div

در این مقاله از سایت آموزی جهت آگاهی بهتر شما مخاطبان گرامی به بحث و بررسی تگ کاربردی <div> در زبان طراحی html می پردازیم. با ما همراه باشید.

تگ <div> در html

تگ <div> در html ، یکی از تگ های مهم و پرکاربرد به حساب می آید.

از تگ <div> معمولا برای ساختن گروهی از المنت ها (تگ های) مختلف استفاده می شود.

در گذشته برای لایه بندی وبسایت ها از تگ table استفاده می کردند.

استفاده از تگ table جهت لایه بندی وبسایت ها روش اشتباهی بود.

به همین منظور در کدنویسی مدرن جهت لایه بندی بخشهای مختلف سایت از تگ <div> بهره می برند.

تگ div در html چه کاربردی دارد؟ | معرفی نگ div | درباره تگ div

اگرچه در نسخه HTML5 تگ section را در بسیاری مواقع جایگزین تگ <div> قرار می دهند، اما هنوز هم در بسیاری لایه بندی ها و ساخت گروه تگ ها از تگ کاربردی <div> استفاده می کنند.

تگ <div> دارای یک تگ باز ( Opening Tag ) و یک تگ بسته ( Closing Tag ) می باشد.

در بین این تگ باز و بسته گروهی از تگ ها که هر کدام شامل محتوا ، فایل های صوتی و تصویری گوناگون می باشند قرار می گیرد.

شما از طریق ایت تگ پرکاربرد می توانید لایه ها و <div> های تو در تو ایجاد کنید.

تگ <div> در html ، به عنوان یکی از تگ های block-level به حساب می آید.

همانطور که در مقالات آموزشی قبلی اشاره کردم، تگ های بلاک لول یک خط کامل را به خود اختصاص می دهند.

مثال در مورد تگ <div> در html

خروجی کد در مرورگر اینترنتی

division element

تفاوت تگ <div> براساس HTML 4.01 و HTML5

هیچگونه تفاوتی از نظر عملکرد در تگ <div> در نسخه HTML4.01  و نسخه HTML5 وجود ندارد.

تنها تفاوت این است که صفت align در HTML5 پشتیبانی نمی شود.

ویژگی های عمومی تگ <div> در HTML

تگ <div> از کلیه ویژگی های عمومی در سند HTML پشتیبانی می کند.

ویژگی های خصوصی تگ <div> در HTML

خصوصیتمقدارتوضیحات
alignleft
right
center
justify
در HTML5 پشتیبانی نمی شود.
مشخص می کند اجزای درون عنصر <div> چگونه تنظیم شود.

پشتیبانی مرورگرها از تگ <div> در HTML

تگ <div> در همه مرورگرهای معتبر اینترنتی نظیر اینترنت اکسپلورر ، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.

تگ div در html چه کاربردی دارد؟ | معرفی تگ div | درباره تگ div – اختصاصی سایت آموزی