Заголовки HTML страницы

Опубликовано в Все для сайта - Автор VARIATECHnik В Суббота, июля 28, 2018 Нет комментариев

Заголовки HTML страницы

В этой статье речь пойдет о заголовках html страницы, их отличиях и правилах использования. То, как вы преподносите информацию на своем сайте важно не только пользователям, но и поисковым роботам. Если информация на вашем сайте структурирована и имеет логическое построение, это улучшает отношения поисковых систем Яндекс и Google к вашему сайту, а пользователям удобнее воспринимать эту информацию. Поэтому давайте рассмотрим все ключевые моменты, связанные с заголовками html страниц.

 

Виды заголовков HTML страницы

Существует шесть видов заголовков:

-<h1> — заголовок первого уровня;

-<h2> — заголовок второго уровня;

-<h3> — заголовок третьего уровня;

-<h4> — заголовок четвертого уровня;

-<h5> — заголовок пятого уровня;

-<h6> — заголовок шестого уровня.

 

Отличия заголовков разного уровня друг от друга

Вы спросите, а для чего нам шесть видов заголовков? Все сделано для удобства! Чем выше уровень заголовка, тем больше его размер и динамический вес (важность для поисковых систем).

Давайте попробуем посмотреть, чем же заголовок <h1> отличается от заголовка <h3>. Для этого откройте в своем текстовом редакторе (Notepad  ) файл index.html, который мы создали в прошлом уроке – Урок 1. Шапка HTML документа. Основные мета теги и их свойства. И между тегами <body> пропишите все шесть заголовком, а внутри них, напишите любой текст.

 

 

Результат вы можете увидеть в браузере, на экране своего компьютера.

Правила использования заголовков разного уровня

Чтобы грамотно структурировать страницы своего сайта, есть ряд правил, которые необходимо соблюдать, при использовании заголовков разного уровня.

Это вся информация, которой я хотел с вами поделиться, очень надеюсь, что она окажется для вас полезной, и вы будете применять ее в своих проектах. До встречи, дорогие друзья, в следующих уроках курса по HTML 5 на страницах сайта

Об - Всем привет! На данном ТехноСайте мы постараемся выкладывать только полезные и занимательные статьи, с пошаговыми иллюстрациями и видео уроками. По всем вопросам пишите в комментариях. Обещаем будет интересно!

Оставить комментарий

XHTML: Вы можете использовать эти теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

в