Главная » Статьи » База знаний » Основные ошибки начинающих верстальщиков

Основные ошибки начинающих верстальщиков

В этой статье составлен список из наиболее распространенных ошибок новичков в
верстке сайтов. Если вы новичок в веб-дизайне или программист, который хочет попробовать себя во front-ende старайтесь избегать этих ошибок, чтобы не переделывать работу.
 
Все ошибки можно разделить на те которые появляются из-за невнимательности и те ошибки которые появляются из-за незнания.
 
При любой верстке сайта помните о том, что есть определенные требования к качеству работ от дизайнера и верстальщика. Основным критерием грамотной верстки можно считать полное сходство с макетом и правильно структуризация кода.
 

  1. Использование не современного редактора кода. Сейчас есть много
    полезных инструментов которые помогают в работе и ускоряют разработку. Так вы не допустите опечатку в коде.
  2.  

  3. Название классов. Начинающие программисты при верстке сайтов дают
    классом сокращенные или ничего не значащие названием и даже пишут их кириллицей. Это категорически неправильный подход, называйте классы английскими словами отражающими их суть слова, не сокращайте их.
  4.  

  5. Не использование семантических тегов. Главная идея в семантике html и css как раз в том, чтобы разделить страницу на структуру документа и так же стилей, поэтому не имеет смысла писать css стиль внутри html тегов. Задавайте его для каждого элемента всегда в отдельном css-файлы.
  6.  

  7. Распространенная ошибка ставить дважды заголовок 1 уровня. Тэг h1 (заголовок 1 уровня) на странице должен быть только один. В основном, в этом теге находится название вашей страницы поэтому используйте его один раз. Это не имеет значения когда страница не заточена под поисковую оптимизацию, но все равно она будет неправильна по семантике.
  8.  

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

(голосов: 2)
Загрузка...