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) интерпретирует вашу страницу как устаревшую, используя соответствующие ограничения стиля.
Схемы разметки
Для того, чтобы понять, насколько важно создавать разметку страницы хотя бы в заголовке, взгляните на картинку:
С помощью тегов и атрибутов вы доносите до пользователей и поисковых систем важную информацию, без неё — это просто программно неэффективный набор букв. Пренебрежение эффективностью из-за лени — тупик в жизни сайта и карьере разработчика.
Лучший способ начать писать правильный код еще во время обучения — просматривать страницы ведущих разработчиков и известных компаний. Там вы и полезные «фичи» почерпнете, и чужие ошибки отыщете. А найти ошибку в профессиональном коде иногда очень приятно.