ТОП 10HTML ошибок новичков

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

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

10 HTML ошибок любого новичка: Отсутствие атрибута ALT

 

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

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

10 HTML ошибок любого новичка: Не использование списков

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

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

10 HTML ошибок любого новичка: Расположение блочных элементов внутри строковых

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

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

10 HTML ошибок любого новичка: Строчная стилизация

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

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

10 HTML ошибок любого новичка: Указание границ в HTML

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

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

10 HTML ошибок любого новичка: Пренебрежение тегами заголовков

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

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

10 HTML ошибок любого новичка: Использование не верных тегов исправлений

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

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

10 HTML ошибок любого новичка: Использование множества тегов переноса

 

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

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

10 HTML ошибок любого новичка: Использование <b> и <i>

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

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

10 HTML ошибок любого новичка: Не актуальные эффекты

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

Источник

Оставить комментарий

Вы должны авторизоваться для отправки комментария.

Сайт с платным доступом + Интернет-магазин на Вашем блоге WordPress!

Сайт с платным доступом + Интернет-магазин на Вашем блоге WordPress!
Я рекомендую!

ЛУЧШИЕ КУРСЫ РУНЕТА:

Все о web-дизайнe и создании сайтов от Евгения Попова

Фотошоп от Зинаиды Лукьяновой