Основные ошибки начинающих верстальщиков
В этой статье составлен список из наиболее распространенных ошибок новичков в
верстке сайтов. Если вы новичок в веб-дизайне или программист, который хочет попробовать себя во front-ende старайтесь избегать этих ошибок, чтобы не переделывать работу.
Все ошибки можно разделить на те которые появляются из-за невнимательности и те ошибки которые появляются из-за незнания.
При любой верстке сайта помните о том, что есть определенные требования к качеству работ от дизайнера и верстальщика. Основным критерием грамотной верстки можно считать полное сходство с макетом и правильно структуризация кода.
- Использование не современного редактора кода. Сейчас есть много
полезных инструментов которые помогают в работе и ускоряют разработку. Так вы не допустите опечатку в коде. - Название классов. Начинающие программисты при верстке сайтов дают
классом сокращенные или ничего не значащие названием и даже пишут их кириллицей. Это категорически неправильный подход, называйте классы английскими словами отражающими их суть слова, не сокращайте их. - Не использование семантических тегов. Главная идея в семантике html и css как раз в том, чтобы разделить страницу на структуру документа и так же стилей, поэтому не имеет смысла писать css стиль внутри html тегов. Задавайте его для каждого элемента всегда в отдельном css-файлы.
- Распространенная ошибка ставить дважды заголовок 1 уровня. Тэг h1 (заголовок 1 уровня) на странице должен быть только один. В основном, в этом теге находится название вашей страницы поэтому используйте его один раз. Это не имеет значения когда страница не заточена под поисковую оптимизацию, но все равно она будет неправильна по семантике.
- Всегда используйте alt атрибут для изображений, alt атрибут необходим, он описывает контекст на данной картинке и помогает поисковикам лучше индексировать содержимое вашего сайта. Если изображение не имеет смысла и используется просто для дизайна то оставляйте атрибут alt пустым.