Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

Создание собственного сайта от А до Я. Распостраненные ошибки при кодинге HTML


Мы часто верстаем страницы, не задумываясь о качестве кода, а качество кода для SEO и оптимизации сайта как раз имеет очень важное значение.
Приведем некоторые примеры CSS приемов, которые работают, но их нельзя использовать.



Запрещенные атрибуты - атрибуты, запрещенные консорциумом W3C, не проходящии валидации и требующие замены на грамотные аналоги.
Почему же веб-мастера пользуются, причем очень активно, такими атрибутами? Да все просто - они грамотно интерпретируются браузерами.
Перестанут ли они когда-нибудь поддерживаться браузерами? Пока неизвестно, но скоро узнаем об этом.

Далее перечень запрещенных атрибутов, находящихся в широком применении и их грамотные аналоги, которыми надо пользоваться:

1. align: например, <p align=”left”>. Хорошо работает до сих пор. Грамотный css аналог: style="”text-align:" left;”.

2. bgcolor: например, <table bgcolor=”FFF”>. Грамотный css аналог: style="”background-color:" #FFF;”.

3. border: например, <img src=”#” alt=”” border=0 />. Наверное, наиболее часто используемый атрибут на веб-сайтах. Грамотный css аналог: a img {border: 0px;}.

4. height / width: например, <div width=150>. Грамотно было бы присвоить div’у класс или идентификатор, а в css для этого класса или идентификатора задать соответствующее значение height / width.

5. target: например, <a href=”#” target=”_blank”>. Не стоит его использовать вообще, т.к. пользователи очень сильно не любят, когда кто-то пытается манипулировать поведением их браузеров.

6. nowrap: например, <td nowrap>. Грамотный аналог: white-space: nowrap;.

В избранное