Формалізація інформації – важливий аспект об’єктивної постановки і правильного вирішення завдання створення ефективного сайту. Результат формалізації – системне уявлення про предметної області, структура відносин між даними і конструювання тематичних блоків. Тег div HTML – це блок інформації, частина загальної системи, результат виконаного процесу обробки інформації про сферу компетенції та функціональності веб-ресурсу.
Загальна структура і логіка веб-сторінки
Формально пошуковики відрізняються від інтернет-магазинів, а сайти-візитки зовсім інакше побудовані, ніж корпоративні портали. Зазвичай неважко зрозуміти логіку розробника, але ідеї замовника можна уявити тільки протягом часу і в динаміці розвитку сайту. Загальні закономірності створення якісних ресурсів склалися і вважаються фундаментальними. Сучасний відвідувач сайту «компетентний» завжди і на будь-якому веб-ресурсі «знає», що робити.
Кожна з популярних систем управління сайтами пропонує свій погляд на фундаментальні позиції в розробці і важливі сутності в структурі та змісті сторінок сайтів. По-старому все виділяють тегами div у HTML-сторінці:
- шапку;
- «тіло» + меню (вертикальне чи горизонтальне);
- ліву та/або праву колонки частини тіла або його доповнення;
- підвал.
У сформованому побуті розробника все це звучить більш прозаїчно: header, body, footer або «хедер», «контент» та «футер». Додавати чи ні ліву і праву колонки, тобто розділяти контент сайту на центральний потік даних, ліву і праву сторону – компетенція розробника і особливості розв’язуваної задачі.
Використовувати таблиці (table HTML) або діви (div HTML) – особливої різниці немає. Можна взагалі всю сторінку «викласти» одним списком (ul і li): це свіжо і екстравагантно, але працювати буде. Вибір варіанту верстки за розробником, але за традицією всі вибирають верстку блоками. Використовувати HTML div і CSS style – просто, читабельно і продуктивно.
