سپن اور ڈی ایچ ٹی ایم ایل عناصر کا استعمال کیسے کریں

زیادہ سے زیادہ سٹائل اور ترتیب کنٹرول کے لئے سی ایس ایس کے ساتھ اسپیس اور ڈی ڈی کا استعمال کریں.

بہت سے لوگ جو ویب ڈیزائن اور ایچ ٹی ایم ایل / سی ایس ایس میں نئے ہیں وہ اور

عناصر کو تبادلہ خیال کرتے ہیں جیسے وہ ویب صفحات بناتے ہیں. حقیقت یہ ہے کہ ان HTML میں سے ہر ایک مختلف مقاصد کی خدمت کرتا ہے. اپنے مقصد کے لۓ ہر ایک کو استعمال کرنے کے لئے سیکھنے میں آپ کو کلینر ویب صفحات تیار کرنے میں مدد ملے گی جو کوڈ مجموعی طور پر منظم کرنے میں آسان ہے.

عنصر کا استعمال کرتے ہوئے

ڈوی عنصر آپ کے ویب صفحے پر منطقی ڈویژن کی وضاحت کرتا ہے.

یہ بنیادی طور پر ایک باکس ہے جس میں آپ دیگر ایچ ٹی ایم ایل کے عناصر کو رکھ سکتے ہیں جو منطقی طور پر ایک ساتھ چلتے ہیں. تقسیم میں پیراگراف، عنوانات، فہرستوں، لنکس، تصاویر وغیرہ وغیرہ میں ایک سے زیادہ عناصر ہوسکتے ہیں. اس کے اندر اندر دیگر ڈھانچے بھی آپ کے ایچ ٹی ایم ایل دستاویز میں اضافی ڈھانچے اور تنظیم فراہم کرنے کے لئے بھی کرسکتے ہیں.

ڈوی عنصر کا استعمال کرنے کے لئے، آپ کے صفحے کے علاقے سے پہلے کھلے

ٹیگ کو جو الگ الگ ڈویژن کے طور پر کرنا چاہتے ہیں، اور ایک کے قریب ٹیگ اس کے بعد رکھیں.

ڈویژن کا مواد

اگر آپ کے صفحے کے علاقے کچھ اضافی معلومات کی ضرورت ہے تو آپ بعد میں سی ایس ایس کے ساتھ سٹائل میں استعمال کریں گے، آپ ایک ID منتخب کنندہ شامل کرسکتے ہیں (مثال کے طور پر،

id = "myDiv">)، یا ایک کلاس کا انتخاب کنندہ (مثال کے طور پر، کلاس = "bigDiv">). پھر ان دونوں صفات کو سی ایس ایس کے ذریعے منتخب کیا جا سکتا ہے یا جاوا اسکرپٹ کا استعمال کرتے ہوئے نظر ثانی شدہ. موجودہ بہترین طریقوں کی شناخت کے بجائے شناخت کے بجائے کلاس کے انتخاب کاروں کو استعمال کرنے کی بجائے، مخصوص مخصوص ID منتخب کنندگان کی وجہ سے. سچ میں، تاہم، آپ ایک یا تو استعمال کرسکتے ہیں اور ایک ڈویژن اور ایک کلاس کے انتخاب کنندہ دونوں کو بھی تقسیم کر سکتے ہیں.

ورژن <سیکشن> استعمال کرنے کے لئے کب

ڈوی عنصر ایچ ٹی ایم ایل 5 سیکشن عنصر سے مختلف ہے کیونکہ اس سے منسلک مواد کو کسی بھی معنوی معنی نہیں دیتا. اگر آپ اس بات کا یقین نہیں کر رہے ہیں کہ مواد کا بلاک ڈی ڈی یا ایک سیکشن ہونا چاہئے، اس بارے میں سوچیں کہ عناصر اور مواد کا مقصد آپ کو کونسا استعمال کرنے کا فیصلہ کرنے میں مدد ملتی ہے:

  • اگر آپ صفحے کے اس علاقے میں شیلیوں کو شامل کرنے کے لئے صرف عنصر کی ضرورت ہو تو، آپ کو ڈی ڈی عنصر کا استعمال کرنا چاہئے.
  • اگر مواد پر مشتمل ایک خاص توجہ ہے اور اس پر کھڑے ہوسکتا ہے، آپ اس کے بجائے سیکشن عنصر کا استعمال کرنا چاہتے ہیں.

بالآخر، ڈویژن اور حصوں دونوں ہی خوبصورت طریقے سے چلتے ہیں اور آپ ان میں سے کسی کو بھی دے سکتے ہیں کہ آپ اپنی سائٹ کی ضرورت کو حاصل کرنے کیلئے سی ایس ایس کے ساتھ اقدار کو نمایاں کریں. یہ دونوں بلاک سطح عناصر ہیں.

عنصر کا استعمال کرتے ہوئے

مدت عنصر ڈیفالٹ کے ذریعہ ایک ان لائن عنصر ہے. یہ اس کو ڈی وی اور سیکشن عناصر سے الگ کرتا ہے. مدت کا عنصر اکثر ایک اضافی "ہک" دینے کے لئے، عام طور پر متن کی ایک مخصوص ٹکڑا لپیٹ کرنے کے لئے استعمال کیا جاتا ہے، جو بعد میں سٹائل کیا جا سکتا ہے. سی ایس ایس کے ساتھ استعمال کیا جاتا ہے، یہ متن کے طرز کو تبدیل کر سکتا ہے جس میں اس سے ملتا ہے؛ تاہم، کسی بھی سٹائل کے صفات کے بغیر، صرف اس وقت کی عنصر متن پر کوئی اثر نہیں پڑتا ہے.

اس مدت اور ڈیو عناصر کے درمیان اہم فرق ہے. جیسا کہ اوپر بیان کیا گیا ہے، ڈیو عنصر میں پیراگراف وقفے شامل ہیں، جبکہ span span عنصر صرف ٹیگ کی طرف سے منسلک کیا ہے جو منسلک سی ایس ایس سٹائل کے قوانین کو لاگو کرنے کیلئے براؤزر بتاتا ہے:


ہائی ٹیکڈ ٹیکسٹ اور غیر نمایاں کردہ متن.

سی ایس ایس (مثال کے طور پر، کلاس = "نمایاں">) کے ساتھ متن سٹائل کرنے کے لئے کلاس = "نمایاں" یا دوسرے طبقے کو شامل کریں.

مدت عنصر کی ضرورت نہیں ہے خاصیت، لیکن تین جو سب سے زیادہ مفید ہیں ڈوی عنصر کے طور پر وہی ہیں:

  • سٹائل
  • کلاس
  • شناخت

اس مدت کا استعمال کرتے وقت اس وقت جب آپ اس مواد کو دستاویز کے کسی نئے بلاک کی سطح کے عنصر کے طور پر وضاحت کرنے کے بغیر مواد کی طرز تبدیل کرنا چاہتے ہیں.

مثال کے طور پر، اگر آپ چاہتے ہیں کہ H3 کا دوسرا لفظ سرخ ہونے کی سرخی ہو تو آپ اس لفظ کو ایک ایسے عنصر کے ساتھ گھیر سکتے ہیں جو اس لفظ کو سرخ متن کے طور پر پیش کرے گی. لفظ اب بھی H3 عنصر کا حصہ رہتا ہے، لیکن اب سرخ میں بھی دکھاتا ہے:

یہ میرا بہت اچھا عنوان ہے

جیریمی Girard کی طرف سے ترمیم 2/2/17