یادگیری HTML آسان است و مرورگرها معمولاً اشتباهات را می بخشند. اما همچنان باید سعی کنید باگ ها را از بین ببرید و صفحات وب کارآمدی را ارائه دهید.
اساس هر وب سایت HTML است – این زبان اصلی برای ساختار و ارائه محتوا در صفحات وب است.
با این حال، حتی کدنویس‌های HTML باتجربه نیز می‌توانند خطاهای ساده‌ای ایجاد کنند که منجر به بهینه‌سازی ضعیف وب‌سایت‌ها می‌شود. و خطاهایی مانند این می تواند مشکلاتی را با عملکرد، قابلیت استفاده و دسترسی ایجاد کند.
برای کمک به اجتناب از آنها، سعی کنید خطاهای رایج HTML زیر را مطالعه کنید و نکاتی را در مورد نحوه جلوگیری از آنها کشف کنید.
1. استفاده از عناصر منسوخ شده HTML
HTML در طول زمان تغییر کرده است، بنابراین برخی از عناصر و ویژگی ها اکنون اضافی هستند. مرورگرهای مدرن از عناصر و ویژگی های منسوخ پشتیبانی نمی کنند و استفاده از آنها می تواند بر سرعت وب سایت شما تأثیر منفی بگذارد.
تگ
برای قرار دادن متن در مرکز، تگ برای قالب بندی متن و تگ برای متن خط خطی برخی از پرکاربردترین عناصر منسوخ شده HTML هستند. شما باید از معادل های مدرن برای این قطعات استفاده کنید.
به عنوان مثال، شما می توانید از CSS برای مرکز محتوا استفاده کنید، به جای تگ
. علاوه بر این، می توانید سبک های فونت را با استفاده از CSS به جای تگ تنظیم کنید.
2. شامل متن جایگزین برای تصاویر نیست
در حالی که تصاویر جزء مهمی از طراحی آنلاین هستند، بینندگان دارای اختلالات بینایی نمی توانند آنها را ببینند. به این ترتیب، باید متن جایگزین توصیفی را به عکس‌ها اضافه کنید تا در دسترس‌تر شوند.
متن جایگزین به موتورهای تبدیل متن به گفتار اجازه می دهد تا توضیحات تصویر را برای کاربران بخوانند. اگرچه این فقط برای صفحه‌خوان‌ها نیست. متن جایگزین می تواند برای بهینه سازی موتورهای جستجو مفید باشد. اکثر مرورگرها همچنین اگر تصویری بارگذاری نشود، متن جایگزین را نمایش می دهند.
3. تودرتو نادرست عناصر HTML
برای تضمین کد قابل قبول و عملکرد صحیح وب سایت، عناصر HTML باید به درستی تودرتو باشند. تودرتو ناکافی ممکن است اثرات پیش بینی نشده ای داشته باشد، از جمله طرح بندی های شکسته، محتوای از دست رفته، و لینک های شکسته.
به عنوان مثال، شما باید هر تگ div را قبل از باز کردن یک تگ جدید ببندید. به طور مشابه، هرگز نباید تگ
را خارج از لیست مرتب یا نامرتب قرار دهید.
4. استفاده بیش از حد از برچسب های div
تگ “div” یک عنصر HTML انعطاف پذیر است که برای گروه بندی و استایل بندی محتوا استفاده می شود. با این حال، استفاده بیش از حد از این برچسب ممکن است منجر به سازماندهی ضعیف وب سایت شود و نگهداری کد را دشوار کند.
شما باید از عناصر HTML معنایی استفاده کنید که به محتوا به جای تگ های div برای همه چیز معنی می دهد. شما می توانید از تگ
برای هدر به جای تگ div استفاده کنید. به همین ترتیب، باید از تگ
