Все мы начинали с азов вёрстки html - простейших вещей, запомнить которые было порой не так то и просто. Всегда хотелось иметь под рукой некий букварь, с самыми необходимыми советами и подсказками для начинающих веб-мастеров. В интернете нашел подобие такой шпаргалки с наиболее часто встречающимися ошибками начинающего верстальщика.

Отсутствие атрибута ALT

Прописав атрибут ALT каждому изображению, ты не только облегчишь восприятие рисунка, но и приблизишься на шаг к валидному коду, так как без данного атрибута валидатор обязательно расстроиться. Если же изображение используется как часть дизайна, то можно свободно оставить данный атрибут пустым, т.е. alt=””.

Не использование списков

Конечно нужно использовать списки, вместо повторяющихся переносов строки. Казалось бы тут и новичку это ясно, однако я встречал людей которые используют вышеописанный метод… Жесть конеш…

Расположение блочных элементов внутри строковых

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

Строчная стилизация

Не даром же в Консорциуме Всемирной Паутины придумали такое чудное понятие как CSS. Именно там должны храниться все стили для элементов, а не на одной строке в HTML коде.

Указание границ в HTML

Это схожее правило, о, с указанным выше. Для указания границ элементов есть таблица стилей, в которой указываются все параметры элементов.

Пренебрежение тегами заголовков

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

Использование не верных тегов исправлений

Теги и использовались ранее для отображения замен и правок в веб документе. Они по прежнему признаются у Transitional, но теперь существуют новые теги для этих целей: и . Они используются для отображения удалённых и исправленных слов.

Использование множества тегов переноса

Для указания расстояния между элементами существуют те же каскадные таблицы стилей. Не стОит захламлять код кучей тегов переноса, ради того чтобы позиционировать элементы.

Использование и

Они работают. Но будет лучше использовать свойства текста font-weight и font-style для указания жирного и наклонного текста. Если же необходимо выделить некоторые слова из пассажей то воспользуйся тегами и .

Не актуальные эффекты

Если нужно что то выделить на странице, то пораскинь мозгами как это сделать НЕ используя мерцания и бегущих строк. Это просто ужасно!

Первоисточник: http://webmastering.uz/html/10-html-oshibok-lyubogo-novichka

Серия сообщений "Правила, коды, подсказки":
Часть 1 - Обойма сервисов по работе с цветом.
Часть 2 - По щучьему велению для веб-мастера.
...
Часть 19 - Женя Попов сошел с ума!
Часть 20 - Оптимизация картинок. Зачем?
Часть 21 - ТОП 10HTML ошибок новичков
Часть 22 - Оптимизация изображений для блога или сайта
Часть 23 - Бесплатный контент для блога