تگ div یکی از پرکاربرد ترین تگ های HTML می باشد که در کل برای بخش بندی یا لایه بندی استفاده می شود. در ادامه این مقاله برای آشنایی بیشتر با مفهوم و کاربرد های تگ دایو همراه داتیس نتورک باشید.
تگ div در HTML چیست؟
کلمه div از 3 حرف اول division گرفته شده که به معنای بخش یا تقسیم می باشد.
تگ دایو یکی از پرکاربرد ترین تگ های HTML می باشد که در کل برای لایه بندی یا بخش بندی استفاده می شود.
چندین سال قبل طراحان وب سایت از جدول ها برای طراحی وب سایت استفاده می کردند. در واقع تمام بخش های وب سایت (مانند بخش هدر،مطالب اصلی و فوتر و…) را با جدول ها مشخص می کردند.
اما امروزه برای بخش بندی وب سایت از تگ div استفاده می شود و شما به راحتی می توانید بخش های مختلف وب سایت را ایجاد کنید.
مثال تگ دایو
ما برای شما 2 مثال از تگ div اماده کردیم. به مثال ها دقت کنید.
<html> <head> <style> .myDiv { border: 5px outset red; background-color: lightblue; text-align: center; } </style> </head> <body> <div class="myDiv"> <h2>عنوان در تگ دایو</h2> <p>خوش آمدید به داتیس نتورک</p> </div> </body> </html>
مثال استفاده از CSS در تگ div
تگ دایو ممکن است در حالت پیش فرض استایل خاصی نداشته باشد ولی ما به راحتی با استفاده از CSS میتوانیم آن را سفارشی سازی نماییم.
به مثال زیر دقت نمایید.
<body> <div style="background-color:lightblue;"> <h2>لایه اول</h2> <p>محل قرارگیری متن</p> </div> <div style="background-color:lightgreen;"> <h2>لایه دوم</h2> <p>چند کلمه داخل تگ دایو</p> </div> </body>
پشتیبانی مرورگر ها
مرورگر های معتبری مانند Google Chrome و Firefox و Safari و Internet Explorer و… از این تگ کاربردی پشتیبانی می کنند، و تگ div در این مرورگر ها قابل اجرا می باشد.
این تگ وظیفه واضح و مشخصی ندارد اما هرجایی که نیاز به ایجاد یک بخش یا باکس در صفحه داشتید می‌توانید از تگ دایو استفاده کنید.
امیدواریم مقاله آشنایی با مفهوم و کاربر Tag دایو برای شما مفید بوده باشد.
داتیس نتورک را در شبکه های اجتماعی دنبال کنید.