www.knights2005.narod.ru - добро пожаловать!
В Сети существует множество сайтов, которые не соответствуют спецификации Консорциума W3C, т.е. не проходят валидацию. А это не есть хорошо, т.к. одним из критериев высокой позиции в рейтинге поисковиков является соответствие вашего сайта веб-стандартам. Также соблюдая элементарные правила, вы сделаете свой код намного логичнее, что опять скажется на его позициях в рейтинге.
Рассмотрим самые распространенные ошибки, которые встречаются не только в у начинающих, но и у опытных верстальщиков.
Значения атрибутов записывайте в кавычках
<img src=images/picture.gif alt=изображение height=100 width=100>
Значения атрибутов должны быть расставлены в кавычках. Исправляем:
<img src="images/picture.gif" alt="изображение" height="100" width="100">
Закрывайте все парные теги
Все парные теги должны быть закрыты
<!-- Грубая ошибка -->
<p>Lorem ipsum dolor sit amet
<p>Я должен верстать валидный код
<p>Lorem ipsum
Правильно так:
<p>Lorem ipsum dolor sit amet</p>
<p>Я должен верстать валидный код</p>
<p>Lorem ipsum</p>
В (X)HTML также должны закрываться одиночные теги:
<img src="images/picture.gif" alt="изображение" height="100" width="100" />
Строчный элемент не должен содержать блочный
Типичная ошибка:
<a
Здесь тег <a> содержит блочный элемент <h1>. Данный пример не пройдет валидацию. Делаем правильно:
<h1><a href="#">Заголовок</a></h1>
Меньше хаков
Увы, без хаков иной раз не обойтись, особенно это касается Internet Explorer 6, который просто кишит багами. Благо, он постепенно уходит в историю. Но по возможности старайтесь обходиться без хаков. Использование минимума хаков говорит о профессионализме верстальщика.
Используйте осмысленные имена для id и class
Код гораздо приятнее и логичнее выглядит при задании осмысленных имен идентификаторов и классов:
<div id="header">Заголовок сайта</div>
<div id="content">Контент сайта</div>
<div id="footer">Футер сайта</div>
Применяйте теги по назначению
Каждый тег был наделен своим смыслом, т.е <ul> и <li> служат для создания списка, теги <h1>...<h6> - для заголовков и т.д. Не нужно делать список с помощью <br>, а заголовки тегом <b>. Советую вам лучше изучить рекомендациии W3C.
Примечание: хотя тут вы можете возразить: делают же сайты с помощью таблиц, а меню с помощью списков. :) Но это уже особенности верстки, HTML5 новыми тегами все исправит, делая код более осмысленным и более оптимизированным для поисковых машин.
Чистый код
Чем меньше кода, тем лучше он читается, а самое главное - быстрее грузится страница. Потому выносите оформление сайта в отдельные css-файлы. И не злоупотребляйте в тегах атрибутом style, а лучше вообще откажитесь от него.
...
Соблюдая эти элементарные правила, вы сделайте свой код соответствующим современным требованиям и получите больше удовлетворения от проделанной работы. Проверено. :)