Правильна верстка і як їй навчитися
Як правильно верстати - таблицями або div'амі?
Зараз налетить зграя знавців голосувати за div, можна навіть не сумніватися. Тому що останнім часом це модно. Але крім моди, ніяких особливих переваг ця технологія не дає. Попросіть знавців обґрунтувати свою точку зору і в кращому випадку побачите відповідь «Так це ж всім відомо, таблиці не для того придумані, щоб служити каркасом сторінки». Слабенько обгрунтування, вам не здається? Особливо коли «гуру» дає відповідь на питання початківця, який хоче визначитися і вибрати собі напрямок навчання.
Врахувати інтереси пошукових систем теж потрібно. Як не крути, а в наш час відвідувач приходить на сайт слідами пошукового робота. Як краще для робота?
А для робота краще, щоб HTML-код сторінки був трохи легшим і вкладеність блоків не надто велика (це, до речі, і для браузера легше). Головне - щоб код був дійсним і зручним для розбору. Тому для робота, як і для людини, краща верстка - верстка без помилок. А щоб роботу було легше розбирати, як можна більше стильових рішень потрібно сховати в CSS. До речі, CSS разом з кодом сторінки тримати не слід, винесіть в .css-файл. Полегшите роботу його нелегку працю - можливо, він буде вам вдячний.
Нехай в тегах миготять атрибути class і id, але аж ніяк не style. тег - чим рідше, тим краще. Для всіх повторюваних елементів на сторінці повинні бути визначені класи в CSS. Необов'язкові по специфікації закривають теги - справа вибору, браузери повинні розуміти правильно (ох, хіба мало такого, що вони повинні, але не роблять). Але якщо це теги закриття осередків і рядів таблиці, краще вважайте їх обов'язковими. Так надійніше. Та й вам же простіше буде розібратися, якщо будете щось міняти в верстці.
Головна перевага «чудової» верстки насправді мало хто використовує. Це можливість розмістити блоки з текстом в будь-якому порядку, не порушуючи порядку їх слідування при відображенні в браузері. Робот Новомосковскет HTML-код і вибирає з нього тексти в порядку читання. У браузері місця розташування блоків визначаються їх стильовими атрибутами. Тому нескладно зробити так, щоб для робота посилання меню розташовувалися після основного тексту сторінки, хоча в браузері вони будуть візуально розміщуватися вище.