• Авторизация


strong>ТОП 10HTML ошибок новичков 17-10-2011 15:34 к комментариям - к полной версии - понравилось!

Это цитата сообщения Silvestr Оригинальное сообщение

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

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

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

[540x412]

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

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

[540x412]

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

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

[540x412]

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

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

[540x412]

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

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

[540x412]

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

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

[540x412]

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

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

[540x412]

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

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

[540x412]

 

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

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

 

[540x412]

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

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

[540x412]

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

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


Вы сейчас не можете прокомментировать это сообщение.

Дневник strong>ТОП 10HTML ошибок новичков | ЛарисаБелова - Дневник ЛарисаБелова | Лента друзей ЛарисаБелова / Полная версия Добавить в друзья Страницы: раньше»