بلاک بلوٹوت کیا ہے؟

اگر آپ نے ابھی تک ایچ ٹی ایم ایل کے عناصر کی فہرست دیکھی ہے، تو آپ شاید اپنے آپ کو "پاپوتوٹ کیا ہے" سے پوچھ سکتے ہیں؟ blockquote عنصر ایچ ٹی ایم ایل ٹیگ جوڑی ہے جو طویل کوٹیشنز کی وضاحت کرنے کے لئے استعمال کیا جاتا ہے. W3C HTML5 تفصیلات کے مطابق اس عنصر کی تعریف یہ ہے:

blockquote عنصر ایک ایسے حصے کی نمائندگی کرتا ہے جو کسی اور ذریعہ سے حوالہ دیا جاتا ہے.

آپ کے ویب صفحات پر بلاک کو استعمال کیسے کریں

جب آپ کسی ویب صفحہ میں متن لکھ رہے ہیں اور اس صفحے کی ترتیب کو تخلیق کرتے ہیں، تو آپ کبھی کبھی متن کا ایک بلاک ایک quotation کے طور پر کال کرنا چاہتے ہیں.

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

تو ہم یہ دیکھتے ہیں کہ آپ کس طرح طویل quotations کی وضاحت کرنے کے لئے blockquote ٹیگ استعمال کریں گے، جیسے کہ "جابربراک" سے لیوس کیرول کی طرف سے یہ اقتباس:

Twas brillig اور slithey ٹاورز
گیری اور وبی میں گھوم لیا
تمام مکی بورجیوس تھے،
اور گنہگاروں کی دوڑ

(لیوس کیرول کی طرف سے)

Blockquote ٹیگ کا استعمال کرتے ہوئے کی مثال

blockquote ٹیگ ایک سیمنٹ ٹیگ ہے جو براؤزر یا صارف کے ایجنٹ کو بتاتی ہے کہ یہ مواد ایک طویل کوٹیشن ہے. اس طرح، آپ کو متن کو متفق نہیں ہونا چاہئے جسے blockquote ٹیگ کے اندر ایک quotation نہیں ہے. یاد رکھیں، "quotation" اکثر "حقیقی" لفظ ہے جو کسی نے کہا ہے کہ کسی بیرونی ذریعہ سے (یا اس مضمون میں لیوس کیرول کا متن) لکھتا ہے. یہ بھی pullquote تصور بھی ہے کہ ہم نے پہلے احاطہ کیا جا سکتا ہے بھی ہو سکتا ہے.

جب آپ اس کے بارے میں سوچتے ہیں تو، یہ pullquote متن کی ایک اقتباس ہے، یہ وہی مضمون سے ہی ہوتا ہے جو اقتباس خود ظاہر ہوتا ہے.

زیادہ سے زیادہ ویب براؤزر کسی بلاکوتو کے دونوں اطراف میں تقریبا اندراج (تقریبا 5 خالی جگہ) شامل ہوتے ہیں تاکہ وہ اردگرد کے متن سے باہر نکلیں. کچھ انتہائی پرانے براؤزر بھی حوالہ متن کو اطالوی میں فراہم کر سکتے ہیں.

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

اپنے متن میں بلاکس ٹیگ کو شامل کرنے کے لئے، صرف اس متن کو گھیر دیتا ہے جو مندرجہ ذیل ٹیگ جوڑی کے ساتھ ایک کوٹیشن ہے -

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

Twas brillig اور slithey ٹاورز

گیری اور وبی میں گھوم لیا

تمام مکی بورجیوس تھے،

اور گنہگاروں کی دوڑ

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

اندرونی ٹیکسٹ بلاک بلاک استعمال نہ کریں

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

یہ متن ہو گا جس کا تسلط ہے.

اگلا، آپ اس کلاس کو سی ایس ایس سٹائل کے ساتھ ہدف بنائے گا

{
بھرتی: 0 10px؛
}

اس پیراگراف کے کسی بھی طرف 10 10 پکسلز کی چوڑائی کو جوڑتا ہے.

جینیفر کریین کی طرف سے اصل مضمون. 5/8/17 پر جیریمی Girard کی طرف سے ترمیم.