ٹیگ جس میں آپ اپنے ویب ڈیزائن کی تعلیم میں ابتدائی سیکھ سکیں گے وہ "جوڑی ٹیگ" کے طور پر جانا جاتا ٹیگ کی ایک جوڑی ہے. چلو یہ دیکھو کہ یہ ٹیگ کیسے ہیں اور آج وہ ویب ڈیزائن میں کس طرح استعمال کیا جاتا ہے.
واپس XHTML
اگر آپ نے HTML سال پہلے سیکھا، تو HTML5 کے اضافے سے پہلے، آپ نے شاید بولڈ اور اطالوی ٹیگ دونوں استعمال کیا. جیسا کہ آپ توقع کریں گے، یہ ٹیگ نے عناصر کو باہمی متن یا اطالوی متن میں ترتیب دیا. ان ٹیگ کے ساتھ مسئلہ، اور کیوں وہ نئے عناصر (جس میں ہم جلد ہی دیکھیں گے) کے حق میں ایک طرف دھکیل دیا گیا تھا، یہ ہے کہ وہ سیمنٹ عناصر نہیں ہیں. یہ اس وجہ سے ہے کہ وہ متن کے بارے میں معلومات کے بجائے متن کیسے نظر آتے ہیں. یاد رکھو، ایچ ٹی ایم ایل (جس میں یہ ہے کہ یہ ٹیگ لکھا جائے گا) ساخت کے بارے میں ہے، بصری طرز نہیں! سی ایس ایس اور ویب ڈیزائن کی طرف سے سنبھال لیا جاتا ہے، بہترین طریقوں نے طویل عرصہ سے منعقد کیا ہے کہ آپ کو اپنے ویب صفحات میں سٹائل اور ساخت کی واضح علیحدہ ہونا چاہئے. اس کا مطلب یہ نہیں ہے کہ عناصر غیر استعمال شدہ ہیں اور کونسی تفصیل ساخت کی بجائے نظر آتے ہیں. لہذا جرات مندانہ اور اطالوی ٹیگ کو عام طور پر مضبوط کیا جاتا ہے (باندھ) اور زور (اطالویوں کے لئے) کی طرف سے.
& lt؛ مضبوط & gt؛ اور & lt؛ em & gt؛
مضبوط اور زور عناصر آپ کے متن میں معلومات شامل کرتے ہیں، ان مواد کی تفصیلات بیان کرتے ہیں جو مختلف طریقے سے سلوک کیا جاسکتا ہے اور اس پر زور دیا جاسکتا ہے کہ اس مواد کی بات کی جائے. آپ ان عناصر کا استعمال کرتے ہیں جیسے جیسے آپ نے ماضی میں بولڈ اور اطالوی استعمال کیا تھا. آسانی سے اپنے متن کو کھولنے اور بند کرنے والے ٹیگ ( اور کے زور پر زور دیتے ہیں اور اور کے لئے مضبوط زور کے لئے) کے ساتھ گھیرے ہوئے ہیں اور منسلک متن پر زور دیا جائے گا.
آپ ان ٹیگز کو گھس سکتے ہیں اور اس سے کوئی فرق نہیں پڑتا ہے کہ بیرونی ٹیگ کیا ہے. یہاں کچھ مثالیں ہیں.
اس متن پر زور دیا جاتا ہے اور زیادہ تر براؤزر اسے اطالوی طور پر دکھائے جائیں گے. <مضبوط> اس متن پر زور دیا جاتا ہے اور زیادہ تر براؤزر اسے بولڈ کی قسم کے طور پر دکھائے جائیں گے.ان دونوں مثالوں میں، ہم ایچ ٹی ایم ایل کے ساتھ بصری نظر آتے ہیں. جی ہاں، ٹیگ کا ڈیفالٹ ظہور اطالوی ہو گا اور باندھا جائے گا، لیکن ان کی نظروں کو سی ایس ایس میں آسانی سے تبدیل کیا جا سکتا ہے. یہ دونوں دنیاوں کا بہترین ہے. آپ کو اصل میں لائن اور اختلاط ڈھانچے اور انداز سے گزرنے کے بغیر آپ کے دستاویز میں اطالوی یا جرات مندانہ متن حاصل کرنے کے لئے پہلے سے طے شدہ براؤزر شیلیوں کو فائدہ اٹھا سکتے ہیں. کہہ دو کہ آپ چاہتے ہیں کہ متن نہ صرف جرات مندانہ ہو بلکہ سرخ بھی ہوسکتی ہے، آپ اسے سی ایس ایس میں شامل کرسکتے ہیں
مضبوط {
رنگ: سرخ؛
}
اس مثال میں، آپ کو بولڈ فونٹ وزن کے لئے ایک پراپرٹی شامل کرنے کی ضرورت نہیں ہے کیونکہ یہ ڈیفالٹ ہے. اگر آپ اس موقع پر موقع نہیں چھوڑنا چاہتے ہیں، تاہم، آپ ہمیشہ اس میں شامل کرسکتے ہیں:
مضبوط {
فونٹ وزن: بولڈ؛
رنگ: سرخ؛
}
اب آپ سب کو ہوسکتا ہے لیکن اس کے ساتھ ایک صفحہ بننے کی ضمانت (اور سرخ) متن جہاں کہیں بھی ٹیگ استعمال ہوتا ہے.
زور پر دوگنا
ایک چیز جو میں نے سال میں محسوس کیا ہے، اگر آپ زور پر دوگنا کرنے کی کوشش کریں گے. مثال کے طور پر:
اس متن میں اس کے اندر بولڈ اور اطالوی کردہ متن دونوں ہونا چاہئے.آپ یہ سوچیں گے کہ یہ لائن اس علاقے کو پیدا کرے گا جس میں متن اور جرائم کا متن ہے. کبھی کبھی یہ واقع ہوتا ہے، لیکن میں نے دیکھا ہے کہ کچھ براؤزر صرف دو زور شیلیوں کا دوسرا اعزاز رکھتے ہیں، سوال میں اصل متن کا قریبی ترین، اور صرف یہ اطالوی طور پر ظاہر ہوتا ہے. یہ اس وجہ سے ہے کہ میں زور ٹیگ پر دوگنا نہیں کرتا.
اس سے بچنے کے لئے ایک اور وجہ اسٹائلسٹک مقاصد کے لئے ہے. اگر آپ عام طور پر ٹون کو طے کرنا چاہتے ہیں تو ایک زور کا زور. آپ کو باہر کھڑے ہونے کے لۓ بولڈ، اطالوی، رنگ، توسیع، اور انڈر لائن متن کی ضرورت نہیں ہے. یہ متن، ان تمام مختلف قسم کا زور کرے گا، گیش بن جائے گی. لہذا جب زور زور دینے کے لئے زور ٹیگ یا سی ایس ایس شیلیوں کا استعمال کرتے ہوئے اس پر محتاط رہیں اور اسے زیادہ نہ کریں.
بولڈ اور اٹلی پر ایک نوٹ
ایک حتمی سوچ - جب تک کہ جرات مندانہ () اور اطالوی () ٹیگ کو زیادہ تر عناصر کے طور پر استعمال کرنے کی سفارش نہیں کی جاتی ہے، تو کچھ ویب ڈویلپرز ہیں جو اس ٹیگ کا استعمال کرتے ہوئے ٹیکسٹ کے اندرونی علاقوں میں استعمال کرتے ہیں. بنیادی طور پر، وہ اسے عناصر کی طرح استعمال کرتے ہیں. یہ اچھا ہے کیونکہ ٹیگ بہت مختصر ہیں، لیکن ان عناصر کو اس طرح سے استعمال کرتے ہوئے عام طور پر سفارش نہیں کی جاتی ہے. میں آپ کو یہ بتاتا ہوں کہ اگر آپ وہاں کچھ ایسی جگہوں پر بولڈ یا اطالوی متن بنانے کے لئے استعمال نہیں کرتے ہیں، لیکن کچھ دوسرے قسم کے بصری اسٹائل کے لئے سی ایس ایس ہک بنانے کے لئے.
جینیفر کریین کی طرف سے اصل مضمون. جیریمی Girard کی طرف سے ترمیم 12/2/16.