برچسب HTML <div>
تعلیم اور استعمال
<div> لبلب، ایچ تی ایم ایل دستاویز میں تقسیم یا حصوں (قسمت یا باب، تقسیم/قسمت) کو دفع کرتی ہے۔
<div> لبلب کا استعمال، میں وکیمان کو مستقل، مختلف حصوں میں تقسیم کر سکتا ہے۔ یہ ایک محض تنظیم ابزار کے طور پر استعمال کیا جاسکتا ہے، جس سے کوئی بھی فارمیٹنگ متعلق نہیں ہوتی ہے。
کسی قسم کا کچھ بھی کانٹینٹ رکھا جاسکتا ہے <div> کسی HTML عناصر کا کانٹینر کے طور پر استعمال کی جاسکتی ہے، بعد میں اس کی شکل کا استعمال یا JavaScript کا استعمال کیا جاسکتا ہے۔<div> تگ،
تگ استعمال کی جاسکتی ہے، id یا class کسی کی نشاندہی کے لئے استعمال کیا جاسکتا ہے، <div>جس کا استعمال کیا جاتا ہے، class یا id خصوصیات، <div> تگ کا استعمال کرکے شکل میں،
تذکراً:بلاک سائز عناصر کی شکل میں، بروئر کی طرف سے، <div> عناصر کے اتر اور آئیٹم کے اتر میں رکھی جاتی ہے۔
استعمال
<div> بلاک سائز عناصر ہیں۔ یعنی، اس کی کانٹینٹ خود بخود ایک نئی سطر پر شروع ہوجاتی ہے۔ حقیقت میں، نئی سطر، <div> موجود فرمتی شکل کا استعمال کیا جاتا ہے۔اس کا استعمال کرسکتے ہیں، <div> کی class یا id کسی کی اضافی شکل کا استعمال کیا جائے۔
نہیں ضروری کہ ہر <div> کلاس یا id کا استعمال کیا جاسکتا ہے، جس سے یہ بھی فائدہ ہوتا ہے۔
ایک ہی <div> عناصر کا استعمال class یا id خصوصیات، لیکن عام طور پر صرف ایک کا استعمال کیا جاتا ہے۔ یہ دونوں کا اصل فرق یہ ہے کہ class، عناصر کے گروپوں (مثل کسی عناصر کا گروپ یا کسی کلاس کا معنایم) کے لئے استعمال کی جاتی ہے، جبکہ id، واحد عناصر کی نشاندہی کے لئے استعمال کی جاتی ہے۔
دوسرے مراجع:
HTML تعلیم:HTML کا بلاک عناصر اور ایندلین عناصر
HTML تعلیم:HTML کا لیگ
HTML DOM مرجع کتاب:Div آئیٹم
مثال
دسٹ پت میں CSS کا استعمال کرنے والا <div> کا حصہ:
<html>
<head>
<style>
.myDiv {
border: 5px outset red;
background-color: lightblue;
text-align: center;
}
</style>
</head>
<body>
<div class="myDiv">
<h2>یہ div عناصر میں کچھ عنوان ہے</h2>
<p>یہ div عناصر میں کچھ متن ہے。</p>
</div>
</body>
</html>
مثال کی تحلیل
<body> <h1>نئی ویب سائٹ</h1> <p>کچھ لکھائی، کچھ لکھائی، کچھ لکھائی...</p> ... <div class="news"> <h2>نیوز کا سرلیک 1</h2> <p>کچھ لکھائی، کچھ لکھائی، کچھ لکھائی...</p> ... </div> <div class="news"> <h2>نیوز کا سرلیک 2</h2> <p>کچھ لکھائی، کچھ لکھائی، کچھ لکھائی...</p> ... </div> ... </body>
مثال کی تفسیر
جیسا کہ آپ دیکھ رہے ہیں، اپنے اپ کا اس ہیبل کا استعمال نئی نیوز ویب سائٹ کی ساخت کا نمونہ دیتا ہے۔ جس میں ہر div کا استعمال کیا جاتا ہے تاکہ کسی نیوز کا عنوان اور خلاصہ کو جمع کیا جائے، یعنی، div نے ڈوکومنٹ کو اضافی ساخت دینے کا کام کیا ہے۔ ساتھ ہی، کیونکہ یہ div ایک ہی کلاس کی عناصر کی بنیاد پر ہیں، لہذا اس div کو class="news" کے ذریعے نشان زداجاتا ہے، جس سے div کو مناسب معانی دینا اور اس کی شکل کا فورموٹیشن کئے جانا آسان ہوتا ہے، یعنی، ایک ہی کارروائی میں دو کام کئے جاتے ہیں۔
تذکرہ:کلاس اور آئیڈ کا استعمال کی تعلیم کے لئے مزید معلومات کے لئے، و3شول کا مارکنگ کا فصل دیکھیں، جس میں div، آئیڈ اور دیگر مددکاران کا فصل موجود ہے。
عالمی پرپری
<div> تگ بھی اس کی ایونت پرپری کا استعمال کردیتی ہیں HTML میں عالمی پرپری.
ایونت پرپری
<div> تگ بھی اس کی ایونت پرپری کا استعمال کردیتی ہیں HTML میں ایونت پرپری.
جیئس کا ذاتی تنظیم
کثیر تعداد کے بورسرز اس کی ذاتی جگہ کا استعمال کریں گے <div> عنصر:
div {
دسپلے: بلوک;
}
بورسر کی مدد
| کروم | ایج | فائرفاکس | سافری | آپریا |
|---|---|---|---|---|
| کروم | ایج | فائرفاکس | سافری | آپریا |
| مقابلت | مقابلت | مقابلت | مقابلت | مقابلت |
