ایچ ٹی ایم ایل عناصر: بلاک لائن بمقابلہ ان لائن عناصر

بلاک سطح اور ان لائن عناصر کے درمیان کیا فرق ہے؟

ایچ ٹی ایم ایل مختلف عناصر سے بنا ہوتا ہے جو ویب صفحات کے عمارت بلاکس کے طور پر کام کرتا ہے. ان عناصر میں سے ہر ایک میں دو اقسام ہیں - یا تو ایک بلاک سطح کے عناصر یا ان لائن عناصر. ان دو اقسام کے عناصر کے درمیان فرق کو سمجھنے کے لئے ویب صفحات کی تعمیر میں ایک اہم قدم ہے.

بلاک سطح عناصر

تو ایک بلاک سطح عنصر کیا ہے؟ ایک بلاک کی سطح عنصر HTML HTML عنصر ہے جو ویب صفحہ پر نئی لائن شروع ہوتی ہے اور اس کے والدین عنصر کے دستیاب افقی جگہ کی پوری چوڑائی کو بڑھا دیتا ہے. یہ پیراگراف یا صفحہ ڈویژن جیسے مواد کے بڑے ٹکڑے بناتا ہے. دراصل، ایچ ٹی ایم ایل عناصر بلاک سطح کے عناصر ہیں.

ایچ ٹی ایم ایل دستاویز کے جسم کے اندر بلاک سطح عناصر استعمال ہوتے ہیں. ان میں ان لائن عناصر، ساتھ ساتھ دوسرے بلاک سطح کے عناصر میں شامل ہوسکتا ہے.

ان لائن عناصر

ایک بلاک کی سطح عنصر کے برعکس، ایک ان لائن عنصر یہ کرسکتا ہے:

ایک ان لائن عنصر کا ایک مثال ٹیگ ہے، جس میں متن کے مواد کے فولڈر کو بولڈ فریم کے اندر اندر شامل ہوتا ہے. ایک ان لائن عنصر میں عام طور پر صرف ان لائن عناصر پر مشتمل ہوتا ہے، یا اس میں کچھ بھی نہیں ہوسکتا ہے، جیسے
توڑ ٹیگ.

ایچ ٹی ایم ایل میں ایک تیسری قسم کا عنصر بھی ہے: وہ جو بالکل ظاہر نہیں ہوتے ہیں. یہ عناصر اس صفحے کے بارے میں معلومات فراہم کرتے ہیں لیکن ویب براؤزر میں پیش کی جاتی نہیں ہیں.

مثال کے طور پر:

  • <سٹائل> شیلیوں اور شیلیوں کی شناخت کی وضاحت کرتا ہے.
  • میٹا ڈیٹا کی وضاحت کرتا ہے.
  • <سر> HTML دستاویز عنصر ہے جو ان عناصر کو برقرار رکھتا ہے.

ان لائن اور بلاک عنصر کی قسم سوئچنگ

آپ ان میں سے کسی ایک سی ایس ایس کی خصوصیات میں سے کسی ایک کا استعمال کرتے ہوئے، عنصر کی قسم کو ان لائن سے بلاک کرنے یا اس کے برعکس تبدیل کر سکتے ہیں:

  • ڈسپلے: بلاک؛
  • ڈسپلے: ان لائن؛
  • ڈسپلے: کوئی نہیں

سی ایس ایس ڈسپلے کی جائیداد آپ کو ان لائن پراپرٹی کو بلاک کرنے یا ان بلاک کو ان لائن کرنے کے لئے تبدیل کرنے کی اجازت دیتا ہے، یا بالکل ظاہر نہیں کرسکتا ہے.

ڈسپلے جائیداد کو تبدیل کرنے کے لئے

عام طور پر، میں اکیلے ڈسپلے کی جائیداد چھوڑنا چاہتا ہوں، لیکن کچھ ایسے معاملات ہیں جہاں ان لائن اور بلاک ڈسپلے کی خصوصیات کو فائدہ مند ہوسکتا ہے.

  • افقی فہرست مینو: فہرستیں بلاک سطح کے عناصر ہیں، لیکن اگر آپ چاہتے ہیں کہ آپ مینو کو افقی طور پر ظاہر کرنے کے لۓ، آپ کو اس فہرست کو ان لائن عنصر میں تبدیل کرنے کی ضرورت ہے تاکہ ہر مینو اشیاء کو نئی لائن پر شروع نہ ہو.
  • متن میں ہیڈر: کبھی کبھی آپ چاہتے ہیں کہ کسی ہیڈر متن میں رہیں، لیکن HTML ہیڈر اقدار کو برقرار رکھیں. ان لائن میں H6 کے اقدار کے ذریعے H1 کو تبدیل کرنا اس کی اجازت دیتا ہے کہ اس کے بند ہونے والی ٹیگ کے بعد ایک نئی لائن پر شروع ہونے کی بجائے اسی لائن پر اس کے آگے بہاؤ جاری رہیں.
  • عنصر کو ہٹانا: اگر آپ ایک عنصر کو دستاویز کے عام بہاؤ سے مکمل طور پر ہٹانا چاہتے ہیں، تو آپ ڈسپلے کسی کو بھی سیٹ کرسکتے ہیں. ایک نوٹ، ڈسپلے کا استعمال کرتے وقت محتاط رہو: کوئی نہیں. اس سٹائل کے باوجود، حقیقت میں، ایک عنصر پوشیدہ بنائے گا، آپ SEO وجوہات کے لئے شامل نہیں کرنا چاہتے ہیں کہ متن کو چھپانے کے لئے کبھی نہیں اس کا استعمال کرنا چاہتے ہیں، لیکن زائرین کے لئے ظاہر نہیں کرنا چاہتے ہیں. یہ آپ کے سائٹ SEO کے لئے ایک سیاہ ٹوپی نقطہ نظر کے لئے سزا کی ایک یقینی طریقے سے ہے.

مشترکہ ان لائن عنصر فارمیٹنگ غلطیاں

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

ان لائن عنصر کئی خصوصیات کو نظر انداز کرتے ہیں:

  • چوڑائی اور اونچائی
  • زیادہ سے زیادہ چوڑائی اور زیادہ سے زیادہ اونچائی
  • کم چوڑائی اور منٹ کی اونچائی

نوٹ: مائیکروسافٹ انٹرنیٹ ایکسپلورر (اب مائیکروسافٹ ایجز کہا جاتا ہے) ماضی میں ماضی میں ان خصوصیات میں سے چند اطلاق بکسوں کو آن لائن کرنے کے لئے بھی لاگو ہوتے ہیں. یہ معیار کی تعمیل نہیں ہے، اور یہ مائیکروسافٹ کے ویب براؤزر کے نئے ورژن کے ساتھ اس معاملے میں نہیں ہوسکتا ہے.

اگر آپ کو چوڑائی یا اونچائی کی وضاحت کرنے کی ضرورت ہوتی ہے تو عنصر کو اپنانے کی ضرورت ہے، آپ اس بلاک کو لاگو کرنے کے لئے چاہتے ہیں کہ آپ ان لائن لائن میں مشتمل ہو.

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