Области веб-сайта
Веб-страницы могут выглядеть по-разному, но у большинства из них есть похожие компоненты, из которых они построены. Вы можете увидеть эти компоненты на большинстве веб-сайтов, которые не являются видео, игровыми или художественными проектами. Эти компоненты привносят хорошую структуру в любой веб-сайт. Есть также внутренняя админ панель, которая видна только администратору сайта, разработка персональных b2b-кабинетов дело сложное, поэтому лучше всего за этим вопросом обращаться к профессионалам, а именно проекту seotm.com
header — область заголовка
Обычно это широкая полоса в самом верху веб-сайта, на которой размещается заголовок вместе с логотипом. Таким образом, вы всегда можете видеть, на каком веб-сайте вы находитесь, заголовок всегда остается одинаковым на всех подстраницах сайта.
Навигация
Ссылки на подстраницы веб-сайта представлены в навигации, в основном в виде кнопок, простых ссылок и/или закладок. Как и заголовок, эта область остается такой же на всех онлайн страницах сайта. Иногда навигация встроена прямо в шапку.
Основное содержание
Самая большая область в центре веб-сайта, которая содержит большую часть содержимого веб-сайта, например онлайн видео, карту или газетную статью. Эта часть сайта будет отличаться от страницы к странице.
Боковая панель
Дополнительная информация, ссылки и цитаты, реклама и т.д. Это не отображается в главном окне, но обычно находится справа или слева от него. Контент часто относится к основному контенту. В случае газетной статьи боковая панель может, например, содержать дополнительную информацию, информацию об авторе или ссылки на похожие статьи. Иногда на боковой панели также находится второе меню навигации или другой контент, одинаковый на всех страницах.
Нижний колонтитул
Полоса в конце веб-сайта, которая часто предоставляет мелким шрифтом информацию о выходных данных, авторских правах и контактную информацию. Это важная информация для заинтересованных, но не актуальная для большинства пользователей сайта. Иногда здесь также предоставляется карта сайта.
Структурируйте контент с помощью HTML Приведенный выше пример может быть не очень хорошим, но он очень хорошо подходит для объяснения типичной структуры веб-сайта. Есть веб-сайты с дополнительными столбцами, некоторые из них намного сложнее, но вы хорошо видите основную структуру. Применив к нему правильный CSS, можно заставить все элементы действовать и выглядеть как разные области. Но, как упоминалось ранее, важно поддерживать семантическую связь между тегами HTML и использовать правильный элемент для назначенного ему задания.
