8 عام HTML غلطیاں جن سے آپ کو بہتر ویب ڈویلپمنٹ سے بچنا چاہیے۔

8 عام HTML غلطیاں جن سے آپ کو بہتر ویب ڈویلپمنٹ سے بچنا چاہیے۔
آپ جیسے قارئین MUO کو سپورٹ کرنے میں مدد کرتے ہیں۔ جب آپ ہماری سائٹ پر لنکس کا استعمال کرتے ہوئے خریداری کرتے ہیں، تو ہم ملحق کمیشن حاصل کر سکتے ہیں۔ مزید پڑھ.

ہر ویب سائٹ کی بنیاد HTML ہے — یہ ویب صفحات پر مواد کی ساخت اور پیش کرنے کی بنیادی زبان ہے۔





تاہم، یہاں تک کہ تجربہ کار HTML کوڈر بھی سادہ غلطیاں کر سکتے ہیں جس کے نتیجے میں ویب سائٹس کو بہتر نہیں بنایا جاتا۔ اور اس طرح کی غلطیاں کارکردگی، استعمال اور رسائی کے ساتھ مسائل پیدا کر سکتی ہیں۔





دن کی ویڈیو کا میک یوز مواد کے ساتھ جاری رکھنے کے لیے اسکرول کریں۔

ان سے بچنے میں مدد کے لیے، درج ذیل عام HTML غلطیوں کا مطالعہ کرنے کی کوشش کریں اور ان کو روکنے کے طریقے دریافت کریں۔





1. فرسودہ HTML عناصر کا استعمال

  اسکرین شاٹ فرسودہ HTML عناصر کا استعمال دکھا رہا ہے۔

HTML وقت کے ساتھ بدل گیا ہے، اس لیے کچھ عناصر اور صفات اب بے کار ہیں۔ جدید براؤزرز فرسودہ عناصر اور صفات کی حمایت نہیں کرتے ہیں، اور ان کا استعمال آپ کی ویب سائٹ کی رفتار کو منفی طور پر متاثر کر سکتا ہے۔

دی <مرکز> متن کو مرکز کرنے کے لیے ٹیگ، ٹیکسٹ فارمیٹنگ کے لیے ٹیگ، اور <ہڑتال> اسٹرائیک تھرو ٹیکسٹ کے لیے ٹیگ سب سے زیادہ استعمال ہونے والے فرسودہ HTML عناصر میں سے کچھ ہیں۔ آپ کو ان اجزاء کے لیے جدید مساوی استعمال کرنا چاہیے۔



مثال کے طور پر، آپ کر سکتے ہیں۔ مرکزی مواد کے لیے CSS کا استعمال کریں۔ کے بجائے <مرکز> ٹیگ مزید برآں، آپ فونٹ سٹائل سیٹ کر سکتے ہیں بجائے CSS کا استعمال کرتے ہوئے ٹیگ

2. Alt متن شامل نہیں ہے۔

  اسکرین شاٹ کوڈ کی مثال دکھا رہا ہے جس میں تصاویر کے لیے متبادل متن شامل نہیں ہے۔

اگرچہ تصاویر آن لائن ڈیزائن کا ایک اہم جزو ہیں، لیکن بصارت سے محروم ناظرین انہیں نہیں دیکھ سکتے۔ اس طرح، آپ کو شامل کرنا چاہئے وضاحتی Alt متن تصاویر کو مزید قابل رسائی بنانے کے لیے۔





Alt ٹیکسٹ ٹیکسٹ ٹو اسپیچ انجنوں کو صارفین کو تصویر کی تفصیل پڑھنے کی اجازت دیتا ہے۔ یہ صرف اسکرین ریڈرز کے لیے نہیں ہے، اگرچہ؛ alt متن سرچ انجن کی اصلاح کو فائدہ پہنچا سکتا ہے۔ اگر کوئی تصویر لوڈ ہونے میں ناکام ہو جاتی ہے تو زیادہ تر براؤزرز Alt متن بھی ظاہر کریں گے۔

3. ایچ ٹی ایم ایل عناصر کا غلط گھونسلا

  ایچ ٹی ایم ایل عناصر کا غلط گھونسلا

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





مثال کے طور پر، آپ کو ایک نیا کھولنے سے پہلے ہر ایک div ٹیگ کو بند کرنا چاہیے۔ اسی طرح، آپ کو کبھی نہیں کرنا چاہئے <وہ> آرڈر شدہ یا غیر ترتیب شدہ فہرست کے باہر ٹیگ کریں۔

4. div ٹیگز کا زیادہ استعمال

  اسکرین شاٹ div ٹیگز کا زیادہ استعمال دکھا رہا ہے۔

'div' ٹیگ ایک لچکدار HTML عنصر ہے جو مواد کو گروپ بندی اور اسٹائل کرنے کے لیے استعمال کیا جاتا ہے۔ تاہم، اس ٹیگ کے ضرورت سے زیادہ استعمال کے نتیجے میں ویب سائٹ غیر منظم ہو سکتی ہے اور کوڈ کی دیکھ بھال مشکل ہو سکتی ہے۔

آپ کو سیمنٹک HTML عناصر کو استعمال کرنا چاہئے جو ہر چیز کے لئے div ٹیگز کے بجائے مواد کو معنی دیتے ہیں۔ آپ استعمال کر سکتے ہیں۔ <ہیڈر> div ٹیگ کے بجائے ہیڈر کے لیے ٹیگ۔ اسی طرح، آپ کو استعمال کرنا چاہئے <کوئی نہیں> کی جگہ نیویگیشن بار کے لیے ٹیگ لگائیں۔

ٹیگ

5. سیمنٹک ایچ ٹی ایم ایل کا استعمال نہ کرنا

  سیمنٹک عناصر کے استعمال کے بغیر HTML کوڈ کا اسکرین شاٹ

جیسے معنوی عناصر کے استعمال کے بغیر

,
,