تگ div در HTML

تگ div در HTML

دسته بندی : آموزش HTML سطح مقاله : متوسط زمان مطالعه : 1 دقیقه آخرین بروز رسانی: 11 آذر 1399

با تگ div در HTML آشنا شوید.

نکات اصلی HTML div:

  • عنصر<div> برای تقسیم محتوا است ، که می تواند بلوک های مشخص شده از محتوا را به عنوان یک واحد سبک کند.
  • <div> در HTML به راحتی محتوا را سازماندهی می کند و روند استایل دهی به اطلاعات را با ویژگی ها و CSS ساده می کند.

استفاده از تگ div در HTML

<div> عنصر HTML یک بخش یا یک بخش را در یک سند HTML تنظیم می کند و عناصر را برای قالب بندی با ویژگی های کلاس یا id گروه بندی می کند.

هشدار: از <div> بدون قصد گروه بندی محتوا استفاده نکنید. HTML5 گزینه های بهتری را ارائه می دهد که هدف را نشان می دهد و معنای معنایی را اضافه می کند – <article> و <section> و <footer>.

<div style="background-color: #333; color: white; padding: 10px;">
  <h3>This header has same color as a div</h3>
  <p>This paragraph should have same color as div</p>
</div>

align

این تراز بندی محتوای داخل تگ <div> را مشخص می کند (در HTML5 پشتیبانی نمی شود). ویژگی CSS متن تراز را به عنوان گزینه دیگر اعمال کنید.

<div align="left" style="border: 2px solid blue;">This div element has some text!</div>

پشتیبانی مرورگر

این تگ در مرورگرهای : IE، safari ، firefox، cherom، opera  و Edge پشتیبانی می شود.

در دوره آموزش HTML بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.

این مقاله چقدر براتون مفید بود؟

اولین امتیاز را ثبت کنید😊