26.02.2017   2170
Как сделать заголовок в HTML

Делаем заголовки в HTML

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

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

Первый тег данного семейства – <h1>, последний – <h6>. Первый тег используют, чтобы выделить наиболее важный заголовок на странице, по-хорошему на странице должен быть лишь один заголовок <h1>, говорящий о том, про что эта страница. А последним тегом обозначают подзаголовок наиболее низкого уровня.

Хотя, если говорить с практической точки зрения, не очень часто можно встретить тексты, где есть подзаголовки ниже третьего уровня. И выделяются все три заголовка тегами <h1>, <h2> и <h3>.

Давайте добавим на нашу страничку заголовки:

...
<body>
<h1>Книги для программистов</h1>
<h2>Название книги 1</h2>
<p>
    Текст про книгу 1
</p>
<h2>Название книги 2</h2>
<p>
    Текст про книгу 2
</p>
</body>
...

Результат в браузере:

Что касается поисковых систем, то для них заголовки играют большую роль. Поэтому, есть смысл научиться их грамотно писать и применять. Есть 2 главных правила при создании заголовков в HTML. Готовы узнать секреты? Держите:

  • Заголовок H1 должен быть на странице только один
  • Вложенность заголовков не должна нарушаться. То есть после H1 не должно быть сразу H3. Нормальная вложенность это когда заголовки идут, например, в таком порядке: H1-H2-H3-H3-H4-H2-H3-H4

Зная эти секреты Вам будет проще продвинуться в поисковых системах. И если про первый ещё кто-то знает, то со вторым всё печально. Люди используют их в разных порядках просто потому что им нравится размер шрифта. Так делать не стоит. До встречи в следующем уроке, не забывайте про домашнее задание!

Домашнее задание
Для просмотра домашки нужно войти на сайт.
Или получить доступ прямо сейчас:


Нажимая эту кнопку
Вы принимаете политику конфиденциальности

Комментарии

Чтобы написать комментарий нужно войти на сайт.
Или получить доступ прямо сейчас:


Нажимая эту кнопку
Вы принимаете политику конфиденциальности