Облако

Погодный информер    Сайтострой    rss лента

Добавить в избранное                            
Если Вас нет в интернете - Вас скоро не будет в бизнесе!
   
На главную домой
0 Comments
Posted on 05 Oct 2010 by zael
Стандарты правильной HTML-верстки

Каждый начинающий либо опытный веб-верстальщик со временем задумывается: «Правильно ли я делаю сайты, может быть есть какие-нибудь стандарты верстки?». И совсем скоро в поисках ответа на этот вопрос он несомненно наткнется на сайт проверки валидности кода на соответствие стандартам - W3C.


После того, как он проверит парe-тройку сверстанных им страниц, то в ответ получит около двух сотен ошибок, которые выдаст программа, и мазолющая глаза красная полоска со словами: «Страница не валидна…». Создание сайта можно сказать прошло в пустую.


Окунемся в историю html-верстки. Вначале был язык SGML. Он был легок и прост и в основном использовался для работы с научными документами, то есть к нему не было больших требований. Затем появился HTML 2.0, а после - HTML 3.2, вслед за которым появился знаменитый браузер Internet Explorer пятой версии.


Тут-то и начались проблемы. Страницы, созданные под Internet Explorer ранних версий, начали некорректно отображаться или попросту «разваливаться» в новом браузере. Дальше — еще хуже, начали появляться альтернативные браузеры с другими движками и ими начали активно пользоваться пользователи. Неудивительно, что сайты начали отображаются в разных браузерах совершенно по-разному. С тех самых пор началась борьба за чистый, валидный код. Веб-верстальщики узнали, что у HTML есть определенные стандарты, и теперь разработка сайтов осуществлялась по ним.


Многие начинающие разработчики веб-страниц допускают несметное количество одинаковых ошибок: нет альтернативного текста в картинках, лишние атрибуты в тегах, нет объявления типа документа, и так далее.


Неоднократно доказано, что валидность кода положительно влияет на динамику индексации сайта. Поэтому рекомендуется доводить каждую страницу до зеленой полоски с со словами «Эта страница валидна…» — не правда ли симпатично смотрится. В современном мире интернета, где ведется ожесточенная борьба за каждое место выдаче поисковых систем это становится все трудней. Например, если вы на своем сайте используете noindex, то следует помнить, что на валидность кода это влияет очень плохо. Либо <nop> — пустой тег, который обычно используется в таблицах, чтобы не было пустых ячеек. Этого тега тоже нет в стандартах HTML.


Вообще, при проверке страниц надо просто смотреть, какие ошибки выдает валидатор. Если это серьезные ошибки, то их рекомендуется исправить, а если ошибки мелкие, то даже время на них тратить не стоит. Пролог документа должен содержать определение типа, задающее его структуру. Помните, что если вы начинаете верстку страницы с <!DOCTYPE…>, то такая страница должна соответствовать заданным стандартам.

<< Previous 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 Next >>