ایچ ٹی ایم ایل کے ساتھ عناصر کے خالی جگہوں اور جسمانی علیحدہ بنائیں
خشڪيون ٺاهڻ ۽ HTML ۾ عناصر جي جسماني الڳ ٿيڻ شروعاتي ويب ڊزائينر کي سمجھڻ ڏکيو ٿي سگهي ٿو. اهو ئي آهي ڇاڪاڻ ته HTML وٽ هڪ ملڪيت آهي جنهن کي "وائيس اسپيس خاتمي" طور سڃاتل آهي. ڇو ته توهان پنهنجي HTML ڪوڊ ۾ 1 اسپيس يا 100 ٽائيپ ڪريو ٿا، ويب برائوزر خودڪار جڳهه تي هڪ ئي هڪ جاء تي هلائي ٿو. اهو هڪ Microsoft جي طرح وانگر پروگرام آهي، جيڪو دستاويزن ٺاهڻ جي اجازت ڏيڻ جي ڪيترن ئي خالن لفظن کي الڳ ڪرڻ ۽ انهي دستاويزن جي ٻين عنصرن کي شامل ڪرڻ جي اجازت ڏئي ٿو.
اهو نه آهي ته ويب سائيٽ ڊزائين جي فاصلي جو ڪم ڪيئن آهي.
پوء، توهان HTML ۾ whitespaces شامل ڪندا آهيو جيڪو ويب پيج تي ڏيکاريندو آهي؟ هي مضمون ڪجهه مختلف طريقن سان جاچ ڪري ٿو.
CSS سان ايس ايم ايس ۾ اسپيل
توهان جي HTML ۾ خالي جڳھون شامل ڪرڻ جو پسنديده طريقه ڪاسسلنگ انداز شيٽ (CSS) سان آهي . سي ايس ايس ويب پيج جي ڪنهن به بصري پني کي شامل ڪرڻ لاء استعمال ڪيو وڃي، ۽ ان کان پوء فاصلو ڪنهن صفحي جي بصري ڊيزائن جي خاصيت جو حصو آهي، سي ايس ڪٿي آهي جتي توهان هن کي ڪرڻو آهي.
سي ايس ايس ۾، توهان جي چؤڌاري جي جڳھ کي شامل ڪرڻ لاء يا ته مارجن يا چارڊنگ جا خاصيتون استعمال ڪري سگهو ٿا. اضافي طور تي، متن جي اندر واري ملڪيت متن جي سامهون جڳهه کي شامل ڪري ٿو، جهڙوڪ پيراگرافن لاء.
هتي سيريز استعمال ڪرڻ لاء توهان جي سڀني پيراگراف جي اڳيان جڳهه کي شامل ڪرڻ جو هڪ مثال آهي. هيٺيون ايس ايس ڊي کي پنهنجي اندروني يا اندروني انداز شيٽ ۾ شامل ڪريو.
p {
لکت ۾ شامل آهن: 3em؛
}
HTML ۾ اسپيل: توهان جي ٽيڪسٽ اندر
جيڪڏهن توهان صرف هڪ اضافي جاء يا ٻه ٽيڪسٽ شامل ڪرڻ چاهيو ٿا، توهان غير ڀڃڻ واري جاء تي استعمال ڪري سگهو ٿا.
اهو ڪردار صرف هڪ معياري اسپيڪر ڪردار وانگر عمل ڪري ٿو، صرف اهو برائوزر اندر ختم نه ٿيندو آهي.
هتي هڪ متن جي لڪير اندر پنج اسپائن کي ڪيئن شامل ڪرڻ جو هڪ مثال آهي:
هن متن ۾ اندر جا ٻه اضافي خانو آهن
HTML استعمال ڪيو آهي
ھي جملي آھي & nbsp؛ & nbsp؛ ان اندر اندر پنجا اضافي فاصلو
توهان اضافي لڪيرن کي شامل ڪرڻ لاء
ٽاڪ پڻ استعمال ڪري سگھو ٿا.
ان جي پڇاڙي ۾ آخر ۾ پنج ليڪ وقف آهي
HTML ۾ لڌل ڇو ته خراب خراب آهي
جڏهن ته انهن اختيارن جي ڪم ۾ - عنصري واري جاء واري عنصر انهيء حقيقت ۾ توهان جي لکڻين جي فاصلي ۾ شامل ڪنداسين ۽ لڪير ڀڃڪ مٿين ڏيکاريل پيراگراف جي هيٺان شامل هوندي. - اهو توهان جي ويب پيج ۾ اسپائيٽنگ ٺاهڻ جو بهترين طريقو ناهي. انهن عناصر کي پنهنجي HTML کي شامل ڪرڻ بصري معلومات شامل ڪري ٿو ته ڪوڊ جي جوڙجڪ کي ڌار ڪرڻ جي بجاء ڪوڊ (HTML) واري بصري طرز (سي ايس) کان ڌار ڪري. بهترين طريقا اهو آهي ته انهن ڪيترن ئي سببن لاء الڳ ٿيڻ گهرجي، جنهن ۾ مستقبل ۾ مجموعي طور تي ۽ مجموعي طور تي فائل جي سائيز ۽ ڪارڪردگي جي ڪارڪردگي جي سهولت شامل آهي.
جيڪڏهن توهان پنهنجي سڀني اندازن ۽ فاصلي کي بيان ڪرڻ لاء ٻاهرين انداز جي شيٽ کي استعمال ڪندا آهيو، پوء اهي شارٽ تبديل ڪري پوري سائيٽ لاء آسان ٿي وڃن، ڇو ته توهان صرف انهي هڪ شيٽٽ شيٽ کي اپڊيٽ ڪرڻو آهي.
مٿين ڳالهين جي مٿين ريتن تي غور ڪريو. جيڪڏهن توهان چاهيندا ته هر پيراگراف جي تري ۾ فاصلي جي رقم، توهان کي پنهنجي پوري سائيٽ ۾ هر پيراگراف ته انهي HTML ڪوڊ شامل ڪرڻ جي ضرورت هوندي. اھو ھڪڙو نشان لڳل آھي، جيڪو پنھنجي صفحن کي بلايندو آھي.
اضافي طور تي، جيڪڏهن توهان رستي جو فيصلو ڪيو ته اهو فاصلو تمام گهڻو يا ٿورو آهي، ۽ توهان ان کي تبديل ڪرڻ چاهيندا، توهان کي پنهنجي پوري ويب سائيٽ ۾ هر هڪ پيراگراف کي تبديل ڪرڻو پوندو. نه توهان جي مهرباني!
هنن اسپائننگ عناصر کي پنهنجي ڪوڊ کي شامل ڪرڻ بجاء، ڊي ايس استعمال ڪريو.
p {
padding-bottom: 20px؛
}
انهي سي ايس ايس جي هڪ ليڪ کي توهان جي صفحي جي پيراگراف ۾ هيٺيان شامل ڪري سگهندي. جيڪڏهن توهان مستقبل ۾ انهي فاصلي کي تبديل ڪرڻ چاهيندا، هن هڪ لڪير کي مٽايو (توهان جي سموري سائيٽ جي ڪوڊ جي بدران) ۽ توهان جا سٺا آهيو!
هاڻي، جيڪڏهن توهان پنهنجي ويب سائيٽ جي هڪ حصي ۾ هڪ اڪيلو شامل ڪرڻ جي ضرورت آهي،
ٽائيگ ٽيگ يا هڪ غير ڀڃڻ واري جاء استعمال ڪندي دنيا جي آخري نه آهي، پر توهان کي محتاط رکڻ جي ضرورت آهي.
اهي ان لائن HTML اسٽنگنگ جا اختيار استعمال ڪري سگھجن ٿا. جڏهن ته هڪ يا ٻه شايد توهان جي سائيٽ کي متاثر نه ڪري، جيڪڏهن توهان انهي رستي کي وڌايو، توهان کي پنهنجن صفحن ۾ پريشاني جو تعارف ڪنداسين. آخر ۾، توهان HTML اسپريڊنگ لاء سي ايس ڊي کان رخ موڙي رهيا آهن، ۽ ٻين سڀني ويب پيج بصري گهربل آهي.