ہر ویب سائٹ کی بنیاد HTML ہے — یہ ویب صفحات پر مواد کی ساخت اور پیش کرنے کی بنیادی زبان ہے۔
تاہم، یہاں تک کہ تجربہ کار HTML کوڈر بھی سادہ غلطیاں کر سکتے ہیں جس کے نتیجے میں ویب سائٹس کو بہتر نہیں بنایا جاتا۔ اور اس طرح کی غلطیاں کارکردگی، استعمال اور رسائی کے ساتھ مسائل پیدا کر سکتی ہیں۔
دن کی ویڈیو کا میک یوز مواد کے ساتھ جاری رکھنے کے لیے اسکرول کریں۔
ان سے بچنے میں مدد کے لیے، درج ذیل عام HTML غلطیوں کا مطالعہ کرنے کی کوشش کریں اور ان کو روکنے کے طریقے دریافت کریں۔
1. فرسودہ HTML عناصر کا استعمال
HTML وقت کے ساتھ بدل گیا ہے، اس لیے کچھ عناصر اور صفات اب بے کار ہیں۔ جدید براؤزرز فرسودہ عناصر اور صفات کی حمایت نہیں کرتے ہیں، اور ان کا استعمال آپ کی ویب سائٹ کی رفتار کو منفی طور پر متاثر کر سکتا ہے۔
دی <مرکز> متن کو مرکز کرنے کے لیے ٹیگ، ٹیکسٹ فارمیٹنگ کے لیے ٹیگ، اور <ہڑتال> اسٹرائیک تھرو ٹیکسٹ کے لیے ٹیگ سب سے زیادہ استعمال ہونے والے فرسودہ HTML عناصر میں سے کچھ ہیں۔ آپ کو ان اجزاء کے لیے جدید مساوی استعمال کرنا چاہیے۔
مثال کے طور پر، آپ کر سکتے ہیں۔ مرکزی مواد کے لیے CSS کا استعمال کریں۔ کے بجائے <مرکز> ٹیگ مزید برآں، آپ فونٹ سٹائل سیٹ کر سکتے ہیں بجائے CSS کا استعمال کرتے ہوئے ٹیگ
2. Alt متن شامل نہیں ہے۔
اگرچہ تصاویر آن لائن ڈیزائن کا ایک اہم جزو ہیں، لیکن بصارت سے محروم ناظرین انہیں نہیں دیکھ سکتے۔ اس طرح، آپ کو شامل کرنا چاہئے وضاحتی Alt متن تصاویر کو مزید قابل رسائی بنانے کے لیے۔
Alt ٹیکسٹ ٹیکسٹ ٹو اسپیچ انجنوں کو صارفین کو تصویر کی تفصیل پڑھنے کی اجازت دیتا ہے۔ یہ صرف اسکرین ریڈرز کے لیے نہیں ہے، اگرچہ؛ alt متن سرچ انجن کی اصلاح کو فائدہ پہنچا سکتا ہے۔ اگر کوئی تصویر لوڈ ہونے میں ناکام ہو جاتی ہے تو زیادہ تر براؤزرز Alt متن بھی ظاہر کریں گے۔
3. ایچ ٹی ایم ایل عناصر کا غلط گھونسلا
قابل قبول کوڈ اور ویب سائٹ کے مناسب آپریشن کی ضمانت دینے کے لیے، HTML عناصر کو مناسب طریقے سے گھوںسلا کرنا چاہیے۔ ناکافی گھونسلے کے غیر متوقع اثرات ہو سکتے ہیں، بشمول ٹوٹے ہوئے ترتیب، گمشدہ مواد، اور ٹوٹے ہوئے لنکس۔
مثال کے طور پر، آپ کو ایک نیا کھولنے سے پہلے ہر ایک div ٹیگ کو بند کرنا چاہیے۔ اسی طرح، آپ کو کبھی نہیں کرنا چاہئے <وہ> آرڈر شدہ یا غیر ترتیب شدہ فہرست کے باہر ٹیگ کریں۔
4. div ٹیگز کا زیادہ استعمال
'div' ٹیگ ایک لچکدار HTML عنصر ہے جو مواد کو گروپ بندی اور اسٹائل کرنے کے لیے استعمال کیا جاتا ہے۔ تاہم، اس ٹیگ کے ضرورت سے زیادہ استعمال کے نتیجے میں ویب سائٹ غیر منظم ہو سکتی ہے اور کوڈ کی دیکھ بھال مشکل ہو سکتی ہے۔
آپ کو سیمنٹک HTML عناصر کو استعمال کرنا چاہئے جو ہر چیز کے لئے div ٹیگز کے بجائے مواد کو معنی دیتے ہیں۔ آپ استعمال کر سکتے ہیں۔ <ہیڈر> div ٹیگ کے بجائے ہیڈر کے لیے ٹیگ۔ اسی طرح، آپ کو استعمال کرنا چاہئے <کوئی نہیں> کی جگہ نیویگیشن بار کے لیے ٹیگ لگائیں۔ جیسے معنوی عناصر کے استعمال کے بغیر آپ کی ویب سائٹ بھی نیچے کی درجہ بندی کر سکتی ہے۔ سرچ انجن رزلٹ پیجز (SERPs) اگر سرچ انجنوں کو مواد کو انڈیکس کرنے میں دشواری ہوتی ہے۔ آپ اسٹائل انتساب کا استعمال کرتے ہوئے ان لائن سی ایس ایس اسٹائلز کو براہ راست HTML عنصر پر لاگو کرسکتے ہیں۔ اگرچہ یہ طرزیں فوری تبدیلیاں کرنے میں مددگار ہیں، لیکن ان کا ضرورت سے زیادہ استعمال کرنے سے کوڈ کو برقرار رکھنا مشکل ہو سکتا ہے اور ویب سائٹ کی کارکردگی کو نقصان پہنچ سکتا ہے۔ نتیجتاً، آپ کو بیرونی CSS فائلیں استعمال کرنی چاہئیں جو ویب سائٹ پر ان لائن اسٹائل کے بجائے عالمی سطح پر اسٹائلز کا اطلاق کرتی ہیں۔ وہ براؤزر کو بھیجے گئے کوڈ کو کم کرکے ویب سائٹ کی کارکردگی کو بڑھاتے ہیں اور وہ ویب سائٹ کی دیکھ بھال کو بھی آسان بناتے ہیں۔ ریسپانسیو ڈیزائن ویب ڈیزائن کی حکمت عملی ہے جو ویب سائٹس کو اسکرین کے مختلف سائز اور آلات کے مطابق ایڈجسٹ کرنے کے قابل بناتی ہے۔ کے لیے یہ نقطہ نظر ضروری ہے۔ ویب سائٹ تک رسائی کو بڑھانا اور صارف کا تجربہ، موبائل آلات کے بڑھتے ہوئے استعمال کے پیش نظر۔ آپ کو آلہ کی سکرین کے سائز کی بنیاد پر مختلف طرزیں لاگو کرنے کے لیے CSS میڈیا سوالات کا استعمال کرنا چاہیے۔ یہ صارف کے تجربے کو بہتر بناتا ہے کیونکہ یہ ویب سائٹ کو مختلف آلات پر قابل رسائی بناتا ہے۔ ویب ڈویلپمنٹ کا آغاز HTML کی توثیق سے ہونا چاہیے تاکہ یہ یقینی بنایا جا سکے کہ کوڈ غلطی سے پاک ہے اور ویب کے معیارات کے مطابق ہے۔ غلط HTML کے نتیجے میں ٹوٹے ہوئے لے آؤٹ، گمشدہ مواد، ٹوٹے ہوئے لنکس، اور بہت سے دوسرے مسائل ہو سکتے ہیں۔ آپ کو اپنے کوڈ میں غلطیوں کو تلاش کرنے اور درست کرنے کے لیے HTML توثیق کرنے والوں کا استعمال کرنا چاہیے۔ درستگی کے علاوہ، توثیق کارکردگی، رسائی، اور سرچ انجن کی اصلاح کو بھی بہتر بناتی ہے۔ افق پر نئی خصوصیات کے ساتھ، HTML5 اور CSS3 ڈویلپرز کو پرکشش ویب سائٹس بنانے کے لیے پہلے سے کہیں زیادہ وسائل فراہم کر رہے ہیں۔ نیز، ویب تک رسائی کے معیارات کی ترقی سے معذور افراد کے لیے صارف کے تجربے میں بہتری آئے گی۔ اس طرح، اگر آپ موجودہ اور مستقبل کے صارف کی ضروریات کو پورا کرنے والی بہتر، زیادہ اختراعی ویب سائٹس بنانا چاہتے ہیں تو تازہ ترین HTML معیارات اور بہترین طریقوں کو برقرار رکھنا ضروری ہے۔ یہ آپ کو عام نقصانات کو پہچاننے اور ان سے بچنے کی اجازت دیتا ہے جو آپ کے کام پر منفی اثر ڈالیں گے۔ 5. سیمنٹک ایچ ٹی ایم ایل کا استعمال نہ کرنا
6. CSS کے بجائے ان لائن اسٹائلز کا استعمال
7. قبول ڈیزائن کا استعمال نہیں کرنا
ونڈوز 10 ماؤس خود چلتا ہے۔
8. HTML کی توثیق کرنے میں ناکام ہونا
جدید HTML اور CSS کا استعمال