8 често срещани HTML грешки, които трябва да избягвате за по-добра уеб разработка

Читатели като вас помагат в подкрепа на MUO. Когато правите покупка чрез връзки на нашия сайт, ние може да спечелим комисионна за партньор. Прочетете още.

Основата на всеки уебсайт е HTML – това е основният език за структуриране и представяне на съдържание на уеб страници.

Въпреки това, дори опитни HTML кодери могат да направят прости грешки, които водят до лошо оптимизирани уебсайтове. А грешки като тази могат да създадат проблеми с производителността, използваемостта и достъпността.

MAKEUSEOF ВИДЕО НА ДЕНЯ ПРЕВЪРТЕТЕ, ЗА ДА ПРОДЪЛЖИТЕ СЪС СЪДЪРЖАНИЕТО

За да ги избегнете, опитайте да проучите следните често срещани HTML грешки и открийте съвети как да ги предотвратите.

1. Използване на отхвърлени HTML елементи

екранна снимка, показваща използването на отхвърлени html елементи

HTML се промени с течение на времето, така че някои елементи и атрибути вече са излишни. Съвременните браузъри не поддържат остарели елементи и атрибути и използването им може да повлияе негативно на скоростта на вашия уебсайт.

The <център> таг за центриране на текст, the таг за форматиране на текст и <удар> етикет за зачеркнат текст са едни от най-често използваните остарели HTML елементи. Трябва да използвате съвременните еквиваленти за тези компоненти.

Например можете използвайте CSS за центриране на съдържанието , а не на <център> етикет. Освен това можете да задавате стилове на шрифтове с помощта на CSS, а не с етикет.

2. Без включване на алтернативен текст

Екранна снимка, показваща пример на код, който не включва алтернативен текст за изображения

Докато изображенията са важен компонент на онлайн дизайна, зрителите със зрителни увреждания не могат да ги видят. Като такъв трябва да добавите описателен алтернативен текст към снимки, за да ги направите по-достъпни.

Алтернативният текст позволява на машините за синтез на реч да прочетат описанието на изображението на потребителите. Това обаче не е само за екранни четци; алтернативният текст може да бъде от полза за оптимизирането на търсачките. Повечето браузъри също ще покажат алтернативен текст, ако изображение не успее да се зареди.

3. Неправилно влагане на HTML елементи

За да се гарантира приемлив код и правилна работа на уебсайта, HTML елементите трябва да се вмъкнат правилно. Неадекватното влагане може да има неочаквани ефекти, включително повредени оформления, липсващо съдържание и повредени връзки.

Например, трябва да затворите всеки таг div, преди да отворите нов. По същия начин никога не трябва да <това> етикет извън подреден или неподреден списък.

4. Прекалена употреба на div тагове

Екранна снимка, показваща прекомерна употреба на тагове div.

Тагът 'div' е гъвкав HTML елемент, използван за групиране и стилизиране на съдържание. Прекомерното използване на този маркер обаче може да доведе до лошо организиран уебсайт и да затрудни поддръжката на кода.

Трябва да използвате семантични HTML елементи, които придават значение на съдържанието, а не div тагове за всичко. Можете да използвате <заглавие> таг за заглавка, а не за div таг. По същия начин трябва да използвате <няма> етикет за лента за навигация на мястото на

етикет.

5. Неизползване на семантичен HTML

Екранна снимка на HTML код без използване на семантични елементи

Без използването на семантични елементи като