Какие теги нужно использовать при верстке сайта?
Если вам была полезна данная статья, то поделитесь данной статьей в социальной сети. А если вам нужна помощь в настройке сайта, нужна верстка или что то еще то жду Вас на kwork .
Поделиться:
Раньше все сайты верстали используя только div и span сейчас же чтобы поисковики лучше ранжировали ваш сайт и было удобней его использовать необходимо применять другие различные теги.
Чтобы верстка сайта была более правильной и структурирована при написании кода разметки нужно использовать следующие теги. Начнем сверху сайта.
- Тег <head> Его размещают на самом верху главной страницы и в нем размещают всю техническую информацию для браузеров, подключаются стили вставляются различные теги подтверждения и т.п.
- Тег <body> Он следует сразу после тега head и в нем указывается разметка всей страницы видимой для пользователя. Все теги описанные ниже указываются уже непосредственно в теге body.
- Далее размещается шапка сайта <header> в котором можно разместить лого сайта, строку поиска и панель навигации.
- Панель навигации кстати обозначается тегом <nav> в нем указываются ссылки на другие разделы сайта.
- В основном для навигации принято использовать списки, а если список, то это тег <ul> если нужно указать какие-то подстраницы, то это тег <li>, при этом по правилам верстки в тег ul нельзя вставлять никаких других тегов, кроме liю
- Далее идет тег в которую можно обернуть крупный элемент сайта это <main>.
- Тег <article> - самостоятельный блок с целостным контентом, связанный с тематикой сайта, но который может существовать на любой странице или других сайтах. Контент в этом блоке всегда полноценный — статья, пост, обзор и так далее.
- Тег <section> - блок связанный с контентом, но в отличие от article его нельзя взять и перенести в другое место не потеряв смысл.
- <aside> часть сайта которая никак не связана со страницей и если ее убрать, то ценность страницы не изменится. Обычно в этот тег заключается реклама виджеты погоды, похожие новости и т.п.
- <footer> заключительная часть смыслового раздела или всего сайта, обычно содержит информацию об авторах, список литературы, копирайт и так далее. Чаще всего повторяется на всех страницах сайта. Его можно использовать не только как подвал сайта, но и например как подпись автора статьи.
- Теги <h1> - <h6> используются как заголовки, при этом тег h1 должен быть на странице только один раз.
Если вам была полезна данная статья, то поделитесь данной статьей в социальной сети. А если вам нужна помощь в настройке сайта, нужна верстка или что то еще то жду Вас на kwork .
64 28.05.23