О «правильной» верстке страниц
Как правильно верстать – таблицами или div'ами?
Сейчас налетит стая знатоков голосовать за div, можно даже не сомневаться. Потому что в последнее время это модно. Но кроме моды, никаких особых преимуществ эта технология не дает. Попросите знатоков обосновать свою точку зрения и в лучшем случае увидите ответ «Да это же всем известно, таблицы не для того придуманы, чтобы служить каркасом страницы». Слабоватое обоснование, вам не кажется? Особенно когда «гуру» дает ответ на вопрос начинающего, который хочет определиться и выбрать себе направление обучения.
Глупо. Мой совет начинающим: учитесь всему, пригодится. Главным принципом разумных людей всегда было «лишних знаний не бывает». Поэтому отложите в сторонку ваш WYSIWYG-редактор HTML, установите впридачу к IE браузеры FireFox и Opera и возьмитесь за учебу с текстовым редактором в руках. Только это даст возможность понять все нюансы верстки и особенности ее «восприятия» разными браузерами. На визуальный редактор перейдете потом, если захочется. По мере прогресса в изучении HTML вам станет ясно, что разные техники верстки совершенно не конфликтуют друг с другом, их противопоставление надуманное. Их можно комбинировать, как вам удобнее. Из них можно выбирать лучшую, когда нужно сверстать страницу с не совсем обычной компоновкой. А главное – можно добиться кроссбраузерности при любой компоновке страницы. Порой сочетание «дивной» и «табличной» может без больших проблем заставить все браузеры отображать страницу одинаково. А это как раз и есть главная цель. Сайт делается для посетителя, с каким браузером придет посетитель – его дело. А наше дело – не показать ему развалины страницы. Я вас убедил?
Учесть интересы поисковых систем тоже нужно. Как ни крути, а в наше время посетитель приходит на сайт по следам поискового робота. Как лучше для робота?
А для робота лучше, чтобы HTML-код страницы был полегче и вложенность блоков не слишком большая (это, кстати, и для браузера легче). Главное – чтобы код был валидным и удобным для разбора. Поэтому для робота, как и для человека, лучшая верстка – верстка без ошибок. А чтобы роботу было легче разбирать, как можно больше стилевых решений нужно упрятать в CSS. Кстати, CSS вместе с кодом страницы держать не следует, вынесите в .css-файл. Облегчите роботу его нелегкий труд – возможно, он будет вам благодарен.
Пусть в тегах мелькают атрибуты class и id, но уж никак не style. Тег <font> – чем реже, тем лучше. Для всех повторяющихся элементов на странице должны быть определены классы в CSS. Необязательные по спецификации закрывающие теги – дело выбора, браузеры должны понимать правильно (ох, мало ли такого, что они должны, но не делают). Но если это теги закрытия ячеек и рядов таблицы, лучше считайте их обязательными. Так надежнее. Да и вам же проще будет разобраться, если будете что-то менять в верстке.
Главное преимущество «дивной» верстки на самом деле мало кто использует. Это возможность разместить блоки с текстом в любом порядке, не нарушая порядка их следования при отображении в браузере. Робот читает HTML-код и выбирает из него тексты в порядке чтения. В браузере места расположения блоков определяются их стилевыми атрибутами. Поэтому несложно сделать так, чтобы для робота ссылки меню располагались после основного текста страницы, хотя в браузере они будут визуально размещаться выше.