9 ошибок начинающего веб-разработчика

Еще вчера вы решили создавать будущее веба, а сегодня вовсю плодите страницы без каких-либо гайдов и проверок. Всё работает, но но при виде кода даже непрофильный программист схватится за голову. Почему? Вот 9 классических причин:

Торжество оформления

Начинающие веб-разработчики приступают к созданию сайтов, едва освоив HTML. CSS пока плохо изучен, или его применение кажется избыточным, а между тем код наполнен массой обезличенных тегов. В этом нет ничего страшного, пока разработчик не задумается о стиле. Copy-Paste по всем тегам и атрибутам, потерянное впустую время, пара пропущенных строк — ни намека на профессионализм.

Если вы предполагаете создавать массивные страницы с возможностью менять стиль — CSS необходим.

Ручные таблицы

Верстать страницу тоже правильнее с использованием языка CSS. Причины те же — обезличенные структуры, наложенные друг на друга в HTML-файле — плодотворная среда для появления ошибок. На исправление уйдет много времени, но все равно качественным кодом такой результат не назовешь.

Быть в тренде

Знать досконально, какие изменения произошли в новых версиях языка — святая обязанность разработчика. HTML5 и CSS3 уже не поддерживают многие теги и атрибуты, популярные функции реализуются проще с меньшим объемом кода. Пока браузеры скрывают некомпетентность разработчика, но это не продлится вечно. Вспомните Flash.

Сторонний скрипт

Все любят JavaScript. Он передает печальным статичным страницам частичку души и позволяет активнее «общаться» с пользователем. Но если вы решили всерьёз обложить сайт скриптами, выделите для этого внешний исполняемый файл — так и код станет чище, и ошибок будет допущено меньше.

Заголовки-паразиты

На уроках веб-разработки ученикам объясняют, что использовать заголовок можно только один раз. Но потом пытливые умы добираются до самостоятельности и решают, что можно вложить в код хоть 10 таких заголовков. Однако поисковые системы распознают только первый, остальные игнорируют. Хотите повысить SEO-привлекательность — используйте теги с ключевыми словами. Их можно использовать сколько угодно, главное — сохраняйте иерархию и общую структуру.

Картинный альт

Не пренебрегайте атрибутом alt для изображений, это может быть действительно полезно для вас и ваших клиентов. Вот почему:

• растет рейтинг вашего сайта в поисковых системах. Разумеется, при наличии грамотного описания;
• появляется возможность ориентироваться в изображениях у тех пользователей, кто отключает картинки из-за плохого интернета, удобства чтения или экономии трафика;
• сайт адаптируется под использование экранного диктора. Пользователь слышит описание в теге alt и переходит в режим просмотра при необходимости.

Незакрытый тег

Как известно, многие теги не нуждаются в закрытии, ведь браузер и так распознает, где начался новый абзац или элемент списка. Но настоящие программисты самодостаточны и не зависят от могущества браузера. Вы сэкономите уйму времени на «правильное» оформление тегов, если будете использовать современные редакторы кода.

Декларация об использовании

Еще одно необязательное действие — заполнение тега DOCTYPE, в котором декларируется тип текущего документа (HTML 4.01, HTML 5, XHTML). Без этого объявления в начале кода браузер (например, Firefox) интерпретирует вашу страницу как устаревшую, используя соответствующие ограничения стиля.

Схемы разметки

Для того, чтобы понять, насколько важно создавать разметку страницы хотя бы в заголовке, взгляните на картинку:

С помощью тегов и атрибутов вы доносите до пользователей и поисковых систем важную информацию, без неё — это просто программно неэффективный набор букв. Пренебрежение эффективностью из-за лени — тупик в жизни сайта и карьере разработчика.

Лучший способ начать писать правильный код еще во время обучения — просматривать страницы ведущих разработчиков и известных компаний. Там вы и полезные «фичи» почерпнете, и чужие ошибки отыщете. А найти ошибку в профессиональном коде иногда очень приятно.