Содержание
Что такое тег h2? Лучшие практические рекомендации по SEO на 2021 год
Joshua Hardwick
Глава отдела контента в Ahrefs (проще говоря, я отвечаю за то, чтобы каждый пост в блоге был КРУТЫМ).
Показывает, сколько различных веб-сайтов ссылаются на этот контент. Как правило, чем больше сайтов ссылаются на вас, тем выше вы ранжируетесь в Google.
Показывает ежемесячный рассчетный поисковый трафик на эту статью по данным Ahrefs. Фактический поисковый трафик (по данным Google Analytics) обычно в 3–5 раз больше.
Количество ретвитов этой статьи в Twitter.
Поделиться этой статьей
Содержание
Тег h2 — это HTML-заголовок, который чаще всего используется для разметки заголовка веб-страницы. Большинство веб-сайтов используют CSS, чтобы выделить h2 на странице по сравнению с меньшими заголовками, такими как h3, h4 и т. д.
Но почему тег h2 важен, как его добавить и какие есть практические рекомендации по его применению?
В этом руководстве вы узнаете ответы на все эти вопросы.
- Почему теги h2 важны для SEO?
- Как добавить тег h2?
- Лучшие практические рекомендации по применению тега h2 в SEO?
Почему теги h2 важны для SEO?
По трем причинам:
- Теги h2 помогают поисковым системам понять страницу
- Теги h2 удобны для пользователей
- Теги h2 повышают доступность страниц
Теги h2 помогают поисковым системам понять страницу
Джон Мюллер из Google сказал, что теги h2 помогают Google понимать структуру страницы. Так что, если вы используете h2 для заголовка вашей страницы или заголовка контента, как рекомендует Google, ваш h2 фактически сообщает Google “вот о чем моя страница”.
Теги h2 удобны для пользователей
Теги h2 удобны для пользователей тем, что они являются частью иерархической структуры веб-страницы. h2 — самый заметный заголовок на странице, за ним следует h3, затем h4 и т. д.
Неправильное использование тегов h2 и других заголовков приводит к тому, что страницы становится труднее просматривать и воспринимать.
Теги h2 повышают доступность страниц
Миллионы людей с нарушениями зрения используют программы чтения с экрана для преобразования копий веб-страниц и изображений в аудио. Согласно этому исследованию webAIM, 60% пользователей программ чтения с экрана предпочитают, чтобы только заголовок страницы был тегом h2.
Как добавить тег h2?
Большинство CMS упрощают добавление тега h2 на вашу страницу. Давайте посмотрим, как это сделать в самых популярных из них.
Как добавить тег h2 в WordPress
Код большинства тем WordPress предусматривает использование заголовка страницы или поста в качестве тега h2.
Как добавить тег h2 в Wix
В большинстве тем Wix один тег h2 на каждой странице. Если вы не знаете, какому тексту он назначен, временно измените стиль тегов h2 в редакторе темы. Так вы выделите тег h2 в компоновщике страниц.
Как добавить тег h2 в Squarespace
В большинстве тем Squarespace тоже один тег h2 на каждой странице. Если вы не уверены, где он находится, просто щелкайте по заметным текстовым полям, пока не увидите поле со стилем “Заголовок 1” (Heading 1).
Как добавить тег h2 в HTML
Используйте открывающий тег h2 (<h2>), введите заголовок страницы, затем добавьте закрывающий тег h2 (</h2>).
Пример:
<h2>Это заголовок с тегом h2</h2>
Лучшие практические рекомендации по применению тега h2 в SEO
Прежде чем мы рассмотрим практические рекомендации, важно отметить, что нарушение любой из них крайне маловероятно нанесет ущерб SEO вашего сайта. Так что не паникуйте, если вы не делаете некоторые из этих вещей. Это точно не приведет ни к чему страшному, и тем более к санкциям от Google.
Задача Google — понимать, индексировать и оценивать веб-контент. Это невозможно сделать без механизмов, позволяющих справиться с неидеальными обстоятельствами, такими как страницы без тегов h2.
Тем не менее, в SEO помогает каждая мелочь, поэтому полезно по возможности следовать практическим рекомендациям.
Вот 9 лучших практических рекомендаций по применению тега h2:
- Используйте теги h2 для заголовков страниц
- Если ваша страница на английском языке, используйте заглавные буквы в заголовке h2
- Сопоставьте теги h2 с тегами title
- Используйте тег h2 на каждой важной странице
- Используйте только один тег h2 на странице
- Делайте короткие теги h2
- Стилизуйте заголовки под иерархию
- Включите свое целевое ключевое слово
- Делайте теги h2 убедительными
Используйте теги h2 для заголовков страниц
Google рекомендует: “размещайте заголовок статьи на видном месте над текстом статьи, например, в теге <h2>”.
Хотя многие платформы веб-сайтов и CMS делают это без дополнительных настроек, вы можете изменить это поведение для определенных тем.
Если вам интересно, как справляется ваша тема, можете проверить это щелкнув правой кнопкой мыши заголовок в браузере и выбрав “Просмотреть код”. Если в выделенной части присутствует <h2>, то она заключена в тег h2.
Если вам не нравится HTML, установите SEO Тулбар Ahrefs и посмотрите в бесплатный on-page отчет, чтобы увидеть свои теги заголовков, в том числе h2.
Если вы хотите проверить свои теги h2 сразу для группы страниц:
- Зарегистрируйте бесплатный аккаунт Ahrefs Webmaster Tools
- Просканируйте свой сайт с помощью Аудита сайта
- Затем перейдите в отчет На странице
- Прокрутите до диаграммы “Настройка h2”.
- Щелкните зеленую часть круговой диаграммы
Если ваша страница на английском языке, используйте заглавные буквы в заголовке h2
Эта рекомендация актуальна только для страниц на английском языке.
Все слова, содержащие четыре или более букв, пишутся с заглавной буквы.
Если ваша CMS использует заголовки страниц как для тегов h2, так и для тегов Title, использование регистра заголовка для заголовков страниц помогает сохранить аккуратный вид страницы в результатах поиска. Обычно строчные буквы или формат предложения используются только в постах на форуме.
Сопоставьте теги h2 с тегами Title
Google говорит, что ваш тег Title должен соответствовать вашему тегу h2.
Большинство CMS, таких как WordPress, делают это автоматически, но можно сделать теги Title и h2 разными с помощью SEO-плагина, такого как Yoast.
Наиболее распространенная ситуация, в которой это полезно, — когда заголовок вашей страницы идеально подходит для тега h2, но слишком длинный для тега Title.
Например, в этом посте наши теги h2 и Title немного отличаются:
Если ваши теги h2 и Title немного отличаются, но сделаны по одному шаблону, как в этом случае, это нормально.
Если ваш тег Title резко отличается от вашего h2, вероятно, стоит вернуть их в соответствие.
Почему? В поисковой выдаче пользователи обращают внимание в том числе и ваш тег Title. Если на странице их встретит совершенно другой и не связанный с тегом h2 заголовок, они почувствуют себя обманутыми.
Вы можете бесплатно проверить несовпадающие теги h2 и Title в Ahrefs Webmaster Tools.
- Зарегистрируйте аккаунт Ahrefs Webmaster Tools
- Просканируйте свой сайт с помощью Аудита сайта
- Затем перейдите в отчет На странице
- Прокрутите до диаграммы “Настройка h2”.
- Щелкните зеленую область круговой диаграммы
- Ищите существенно отличающиеся теги Title и h2
Вот пример несовпадающих тегов Title и h2 из нашего руководства по тексту анкора:
Тег Title направлен на определение, а h2 — на данные исследования. Возможно, пользователи могут почувствовать себя немного обманутыми или сбитыми с толку после перехода на эту страницу, поэтому, вероятно, имеет смысл унифицировать эти заголовки.
Используйте тег h2 на каждой важной странице
Учитывая, что заголовок вашей страницы должен быть заключен в тег h2, само собой разумеется, что вы должны использовать тег h2 на каждой важной странице. В конце концов, у каждой страницы есть заголовок.
Если вы хотите найти страницы с отсутствующими или пустыми тегами h2:
- Зарегистрируйте бесплатный аккаунт Ahrefs Webmaster Tools
- Просканируйте свой сайт с помощью Аудита сайта
- Затем перейдите в отчет На странице
- Прокрутите до диаграммы “Настройка h2”.
- Щелкните красную область круговой диаграммы
Выше вы можете видеть, что на некоторых наших страницах отсутствуют теги h2.
Это хорошая практика? Нет. Но это также вряд ли будет иметь большое значение, потому что эти страницы не особенно важны с точки зрения SEO. Это просто главные страницы блогов и страницы из архивов, которые в любом случае могут привлечь только брендовый трафик.
Так что, хоть наши разработчики и могут “исправить” это за считанные минуты, вероятно, не стоит тратить их время, поскольку страницы выглядят для посетителей идеально — и это все, что имеет значение в этом случае.
Используйте только один тег h2 на странице
Джон Мюллер из Google говорит, что можно использовать несколько тегов h2 на странице.
Если вы используете HTML5, это абсолютно верно. Технически нет ничего неправильного в использовании нескольких тегов h2 в разных разделах.
Например, на этой странице HTML5 целых четыре тега h2 и она технически исправна.
<body>
<h2>Яблоки</h2>
<p>Яблоки — это фрукты.</p>
<section>
<h2>Вкус</h2>
<p>Они очень вкусные.</p>
<section>
<h2>Сладость</h2>
<p>Красные яблоки слаще зеленых.</p>
</section>
</section>
<section>
<h2>Цвет</h2>
<p>Яблоки бывают самых разных цветов.</p>
</section>
</body>
Практически все современные браузеры будут отображать такую структуру, а теги h2 во вложенных элементах <section> в соответствии с их уровнем вложенности.
Это означает, что тег h2 в первом блоке <section> будет выглядеть как тег h3, а тег h2, вложенный в другом блоке <section>, будет выглядеть как тег h4 и т. д.
Однако даже с HTML5 W3C рекомендуют использовать “заголовки ранга, соответствующего уровню вложенности раздела”.
Например:
<body>
<h2>Яблоки</h2>
<p>Яблоки — это фрукты.</p>
<section>
<h3>Вкус</h3>
<p>Они очень вкусные.</p>
<section>
<h4>Сладость</h4>
<p>Красные яблоки слаще зеленых.</p>
</section>
</section>
<section>
<h3>Цвет</h3>
<p>Яблоки бывают самых разных цветов.</p>
</section>
</body>
Это связано с тем, что в некоторых устаревших браузерах без явно заданных правил CSS возникают проблемы с правильным отображением такой структуры.
Но что делать, если ваш сайт не использует HTML5?
Джон Мюллер говорит, что несколько тегов h2 все еще можно использовать:
Независимо от того, используете вы HTML5 или нет, наличие нескольких элементов с тегом h2 на странице — это не проблема.
Учитывая, что это не лучшая практика по стандартам W3C, почему Google это советует?
Ответ: потому что они разработали механизмы для решения распространенных проблем, связанных с наличием нескольких тегов h2 на веб-странице.
Поэтому, хоть для SEO, вероятно, не имеет большого значения, используете вы один или несколько тегов h2, мы все же считаем, что это лучший подход для большинства веб-сайтов.
Вы можете бесплатно проверить, есть ли на вашем сайте страницы с несколькими тегами h2, в Ahrefs Webmaster Tools.
- Зарегистрируйте бесплатный аккаунт Ahrefs Webmaster Tools
- Просканируйте свой сайт с помощью Аудита сайта
- Затем перейдите в отчет On-page
- Прокрутите до диаграммы “Настройка h2” (h2 setup).
- Щелкните желтую область круговой диаграммы
Делайте короткие h2 теги
Многие CMS используют один и тот же фрагмент для ваших тегов h2 и Title. Если вы не планируете писать уникальный тег Title для каждой страницы и поста, стоит писать заголовки ваших страниц покороче.
Насколько? Общее правило — не более 70 символов.
Вот страница, которая нарушает это правило:
Тег h2 на этой странице состоит из 80 символов, что отлично смотрится на самой странице. Но поскольку WordPress использует тот же фрагмент для тега Title, он обрезается в поисковой выдаче.
Мы могли бы решить эту проблему, установив в качестве тега Title более короткую версию тега h2. Но если бы мы сразу попытались создать более короткий заголовок, мы бы вообще не столкнулись с этой проблемой.
Стилизуйте заголовки под иерархию
Заголовки используются для создания иерархии на веб-странице. Поскольку тег h2 обычно является самым важным заголовком на странице, ваши стили CSS должны это отражать.
Другими словами, тег h2 должен быть самым заметным тегом на странице.
Это может показаться очевидным, но существует множество веб-сайтов, на которых различия между тегами h2 и h3 минимальны.
Включите свое целевое ключевое слово
Джон Мюллер из Google сказал в 2020 году:
Когда речь заходит о тексте на странице, заголовок является действительно сильным сигналом, говорящим нам, что эта часть страницы посвящена конкретной теме.
Учитывая, что тег h2 обычно обтекает заголовок страницы, это, пожалуй, самый важный заголовок на странице. Поэтому обычно имеет смысл включить в него основное ключевое слово, чтобы сделать тему страницы вдвойне более понятной как для Google, так и для пользователей.
Именно так мы делаем почти для всех наших блог-постов.
Всегда ли это имеет смысл? Конечно, нет.
Иногда для удобства чтения лучше использовать немного измененный вариант вашего целевого ключевого слова.
Например, основное ключевое слово для этого поста — “как получить больше просмотров на YouTube”. Но поскольку мы написали пост-список, использовать его в теге h2 не имело смысла. Поэтому вместо этого мы использовали немного измененный вариант.
Вы также не должны бояться использовать союзы и стоп-слова, чтобы заголовок звучал естественно.
Делайте теги h2 убедительными
Теги h2 должны быть описательными. Это само собой разумеется. Но если вы пишете заголовки для блог-постов, они также должны быть достаточно убедительными, чтобы привлекать клики.
Как создать убедительный заголовок для поста?
Прежде чем вы решите использовать один из генераторов заголовков блог-постов из сети, подумайте о цели вашего поста. Если он служит для привлечения органического трафика из поисковых систем, и ваша CMS использует заголовки страниц для заполнения тегов h2 и Title, заголовок поста должен быть ориентирован на пользователей поисковых систем.
Как узнать, что им нужно?
Почерпните вдохновение из результатов в топе по вашему целевому ключевому слову.
Например, если мы посмотрим на страницы в топе по запросу “методы SEO”, станет ясно, что пользователи ищут действенные и эффективные методы SEO, которые помогут им получить больше трафика из поиска.
Мы можем использовать эту информацию, чтобы создать убедительный заголовок страницы (h2) для нашего поста.
В мире SEO это называется оптимизацией по поисковому намерению (интенту).
Вопросы-ответы
Давайте закончим этот пост, ответив на несколько общих вопросов о тегах h2.
Какой длины должен быть тег h2?
Теги h2 могут быть любой длины, но поскольку большинство CMS используют заголовок страницы как для тега h2, так и для тега Title, лучше всего делать заголовки страниц короткими (не более 70 символов), чтобы избежать усечения тега Title.
Могу ли я иметь больше одного тега h2 на странице?
Если вы используете HTML5, да. Если вы не используете HTML5, такой подход не рекомендуется, но в любом случае это вряд ли будет иметь большое значение.
Могу ли я использовать изображение в теге h2?
Да. Например, W3C сделали именно так.
Заключение
Теги h2, бесспорно, менее важны, чем были раньше. У Google есть механизмы, позволяющие понимать ваш контент, даже если вы используете теги h2 не идеально.
Тем не менее, следовать передовым методам несложно, так что это будет не лишним. По крайней мере, это делает ваши страницы более удобными для пользователей.
Есть вопросы? Напишите мне в Твиттере.
Перевела Олеся Коробка, владелец Fajela.
com
Тег h2 (HTML-заголовок) | SEO-портал
Автор: Нотан Ройамов
Создано:
Обновлено:
Оценка:
Комментарии: 10
HTML-тег h2 (от англ. heading — заголовок) — контейнер для заголовка 1-го уровня. Является важным фактором текстового ранжирования, непосредственно влияющим на релевантность веб-страницы поисковым запросам.
Содержание
Семантическое значение
Тег h2 вляется заголовком 1-го уровня — первым в иерархии заголовков (тегов h2—h6) и применяется в качестве заголовка 
<div class="seog-tooltip-more-link"><a href="/terminy/kontent">Подробнее</a></div>
»>контента веб-страницы. От тега title отличается тем, что указывается в теле веб-страницы (тег body) и является видимым пользователю в пределах контента.
Отображение на странице
Тег h2 является блочным HTML-элементом (отображается во всю ширину родительского элемента) и по умолчанию имеет самый большой размер шрифта:
Заголовок текста (тег h2)
HTML-синтаксис
<main> <article> <h2><!-- Заголовок статьи --></h2> <!-- Содержимое статьи --> </article> </main>
Значение в SEO
Тег h2 является вторым по значимости тегом после title: 
<span class="b">ПС</span>; также: <span class="b">поисковик</span>) – веб-сервис, предназначенный для поиска текстовой и графической информации в Интернете. Примеры: google.com, yandex.ru. «>поисковики придают большое значение тексту заголовка при оценке релевантности веб-страницы и могут использовать его в качестве заголовка сниппета в выдаче, если сочтут более соответствующим поисковому запросу.
Текст, размещенный в теге <h2> имеет высокий приоритет для поисковых систем при оценке релевантности.
Правила заполнения заголовка
Эффективность тега h2 в SEO-оптимизации зависит от выполнения условий его применения и заполнения:
Краткий и лаконичный текст
Желательно умещать заголовок в пределах одной строки при отображении в полноэкранном режиме.
Внутри тега должен быть только текст
Внутри тега
h2должен размещаться именно текст заголовка, а не картинки или другие вложенные теги.Использование в качестве заголовка текста
Частой ошибкой является использование тега
h2не по назначению: в качестве элемента вёрстки, контейнера для логотипа или заголовка неосновного содержания (например, в боковой панели).Только один на странице
Очень серьезной ошибкой в SEO-оптимизации является использование 2-х и более тегов
h2на странице.Размещение в начале контента
Заголовок 1-го уровня должен указываться в начале контента и быть видимым пользователю на 1-экране при попадании на страницу.
Самый крупный размер шрифта
На странице не должно быть элементов с более крупным текстом.
Уникальность в пределах сайта
Тег
h2не должен повторяться на других страницах сайта.
Оформление заголовка на странице
Видимый заголовок страницы должен быть броским, выделяясь на фоне основного контента и сразу давая понять, о чём страница.
По умолчанию h2 является блочным тегом (отображается на всю ширину родительского тега) и придает тексту жирное начертание и самый большой размер шрифта относительно других HTML-элементов.
Способы оформления
В зависимости от необходимости вид заголовка можно изменять следующими способами:
Верхний регистр символов:
CSS-свойство: text-transform: uppercaseДругое начертание:
CSS-свойства: font-weight: … или font-style: …Выравнивание по центру:
CSS-свойство: text-align: centerДругой тип шрифта:
CSS-свойство: font-family: . ..Другой цвет текста:
CSS-свойство: color: …Нижнее подчеркивание или граница:
CSS-свойства: text-decoration: underline или border-bottom: …Корректировка значений нижнего и верхнего отступов:
CSS-свойство: margin: …Стилизация с помощью иконок, фоновых эффектов и т. д.:
Особенно актуально для лендингов.
..Примеры оформления
Другой тип шрифтаВерхний регистр, другой цвет и нижняя границаУникальное оформление
Часто задаваемые вопросы
Как прописать тег <h2> на странице?
Разместите текст между соответствующими открывающим и закрывающим HTML-тегами:
<h2><!-- Текст заголовка 1-го уровня --></h2>
Как заполнять HTML-тег <h2>?
Необходимо учитывать важность заголовка контента в глазах реальных пользователей. Следуйте рекомендациям по заполнению h2.
Сколько тегов <h2> должно быть на странице?
Заголовок 1-го уровня в пределах веб-страницы должен быть только один.
Что, если тег <h2> повторяется больше чем один раз?
Использование 2-х и более тегов h2 в пределах 1-й страницы нарушает его иерархическую структуру: согласно поисковым алгоритмам в соответствии с семантическим значением данный тег является заголовком первого уровня, что предполагает его однократное применение.
Могут ли быть другие теги внутри <h2>?
Это не запрещено спецификацией HTML, но не рекомендуется с точки зрения SEO-оптимизации. По возможности используйте внутри данного тега только текст.
Может ли <h2> повторять тег <title>?
Так делать не обязательно, но на вершине поисковой выдачи очень много страниц с одинаковым содержанием данных HTML-элементов.
Это значит, что повторение title в h2 лишь усиливает релевантность страницы запросу, применяемому в данных тегах. Но следует помнить, что title имеет приоритет при формировании заголовка сниппета, в то время как h2 является видимым для пользователя непосредственно в теле страницы.
Тег HTML h2 to h6
❮ Назад
Полный справочник HTML
Далее ❯
Пример
Шесть различных заголовков HTML:
Это заголовок 1
Это заголовок 2
Это заголовок 3
Это заголовок 4
Это заголовок 5
Это заголовок 6
Попробуйте сами »
Подробнее «Попробуйте сами «примеры ниже.
Определение и использование
Теги от
от
до
используются для определения заголовков HTML.
определяет самый важный заголовок.
определяет наименее важный заголовок.
Примечание: Используйте только один
на страницу — это должен представлять основной заголовок/тему для всей страницы.
Также не пропускайте уровни заголовков — начните с
,
затем используйте
и так далее.
Поддержка браузера
| Элемент | |||||
|---|---|---|---|---|---|
— | Да | Да | Да | Да | Да |
Глобальные атрибуты
Теги от
от
до
также поддерживают глобальные атрибуты в HTML.
Атрибуты событий
Теги с
от
до
также поддерживают атрибуты событий в HTML.
Дополнительные примеры
Пример
Установить цвет фона и цвет текста заголовков (с помощью CSS):
Hello World
Hello
Мир
Попробуйте сами »
Пример
Установите выравнивание заголовков (с помощью CSS):
Это заголовок 1
Это
заголовок 2
Это заголовок 3
Это заголовок 4
Попробуйте сами »
Связанные страницы
Учебник по HTML: Заголовки HTML
Ссылка HTML DOM: Объект заголовка
Настройки CSS по умолчанию
Большинство браузеров отображают элемент
со следующими значениями по умолчанию:
Пример
h2 {
display: block;
размер шрифта: 2em;
Верхнее поле: 0,67 em;
нижнее поле: 0,67 em;
левое поле: 0;
правое поле: 0;
вес шрифта: полужирный;
}
Попробуйте сами »
Большинство браузеров отображают элемент
со следующими значениями по умолчанию:
Пример
h3 {
display: block;
размер шрифта: 1,5 em;
Верхнее поле: 0,83 em;
нижнее поле: 0,83 em;
левое поле: 0;
правое поле: 0;
вес шрифта: полужирный;
}
Попробуйте сами »
Большинство браузеров отображают элемент
со следующими значениями по умолчанию:
Пример
h4 {
display: block;
размер шрифта: 1,17 em;
Верхнее поле: 1em;
нижнее поле: 1em;
левое поле: 0;
правое поле: 0;
вес шрифта: полужирный;
}
Попробуйте сами »
Большинство браузеров отображают элемент
со следующими значениями по умолчанию:
Пример
h5 {
display: block;
размер шрифта:
1эм;
Верхнее поле: 1,33 em;
нижнее поле: 1,33 em;
левое поле: 0;
правое поле: 0;
вес шрифта: полужирный;
}
Попробуйте сами »
Большинство браузеров отображают элемент
со следующими значениями по умолчанию:
Пример
h5 {
display: block;
размер шрифта: .
83em;
Верхнее поле: 1,67 em;
нижнее поле: 1,67 em;
левое поле: 0;
правое поле: 0;
вес шрифта: полужирный;
}
Попробуйте сами »
Большинство браузеров отображают элемент
со следующими значениями по умолчанию:
Пример
h6 {
display: block;
размер шрифта: .67em;
Верхнее поле: 2,33 em;
нижнее поле: 2,33 em;
левое поле: 0;
правое поле: 0;
начертание шрифта: полужирный;
}
Попробуйте сами »
❮ Предыдущая
Полный справочник HTML
Далее ❯
NEW
Мы только что запустили
Видео W3Schools
Узнать
COLOR PICKER
КОД ИГРЫ
Играть в игру
Лучшие учебники
Учебник по HTML
Учебник по CSS
Учебник по JavaScript
Учебник How To
Учебник по SQL
Учебник по Python
Учебник по W3.
CSS
Учебник по Bootstrap
Учебник по PHP
Учебник по Java
Учебник по C++
Учебник по jQuery
9003
43 Основные ссылки
HTML Reference
CSS Reference
JavaScript Reference
SQL Reference
Python Reference
W3.CSS Reference
Bootstrap Reference
PHP Reference
HTML Colors
Java Reference
Angular Reference
jQuery Reference
4 Top4 Examples
Примеры HTML
Примеры CSS
Примеры JavaScript
Примеры инструкций
Примеры SQL
Примеры Python
Примеры W3.CSS
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery
FORUM |
О
W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения.
Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания.
Используя W3Schools, вы соглашаетесь прочитать и принять наши условия использования,
куки-файлы и политика конфиденциальности.
Авторское право 1999-2022 по данным Refsnes. Все права защищены.
W3Schools работает на основе W3.CSS.
Заголовки HTML
❮ Назад
Далее ❯
HTML-заголовки — это заголовки или субтитры, которые вы хотите отобразить на веб-странице.
Пример
Заголовок 2
Заголовок 3
Рубрика 4
Товарная позиция 5
Заголовок 6
Попробуйте сами »
Заголовки HTML
Заголовки HTML определяются с помощью
от
до
тегов.
определяет самый важный заголовок.
определяет наименее важный заголовок.
Пример
Заголовок 1
Заголовок 2
Заголовок 3
Заголовок 4
Заголовок 5
Заголовок 6
Попробуйте сами »
Примечание: Браузеры автоматически добавляют пробелы (поля) до и после заголовка.
Заголовки важны
Поисковые системы используют заголовки для индексации структуры и содержания ваших веб-страниц.
Пользователи часто просматривают страницу по заголовкам. Важно использовать заголовки, чтобы показать структуру документа.
заголовков следует использовать для основных заголовков, за которыми следуют
заголовков, затем менее важные
и так далее.
Примечание: Используйте заголовки HTML только для заголовков. Не используйте заголовки для создания текста
БОЛЬШОЙ или полужирный .
Заголовки большего размера
Каждый заголовок HTML имеет размер по умолчанию. Однако вы можете указать размер для любого заголовка.
с атрибутом стиля , используя свойство CSS font-size :
Пример
Заголовок 1
Попробуйте сами »
HTML-упражнения
Проверьте себя с помощью упражнений
Упражнение:
Используйте правильный тег HTML, чтобы добавить заголовок с текстом «Лондон».
Лондон — столица Англии.
Это самый густонаселенный город Соединенного Королевства,
с агломерацией с населением более 13 миллионов человек.
Начать упражнение
Справочник по тегам HTML
Справочник по тегам W3Schools содержит дополнительную информацию об этих тегах и их атрибутах.
| Тег | Описание |
|---|---|
| Определяет корень документа HTML | |
| <тело> | Определяет тело документа |
Отдо | Определяет заголовки HTML |
Полный список всех доступных тегов HTML см. в нашем справочнике по тегам HTML.
❮ Предыдущий
Следующий ❯
NEW
Мы только что запустили
Видео W3Schools
Узнать
ВЫБОР ЦВЕТА
КОД ИГРЫ
Играть в игру
Лучшие учебники
Учебное пособие по HTML
Учебное пособие по CSS
Учебное пособие по JavaScript
Учебное пособие
Учебное пособие по SQL
Учебное пособие по Python
Учебное пособие по W3.
CSS
Учебное пособие по Bootstrap
Учебное пособие по PHP
Учебное пособие по Java
Учебное пособие по C++
Учебное пособие по jQuery
904 Справочник
Справочник по HTML
Справочник по CSS
Справочник по JavaScript
Справочник по SQL
Справочник по Python
Справочник по W3.CSS
Справочник по Bootstrap
Справочник по PHP
Цвета HTML
Справочник по Java
Справочник по Angular
Справочник по jQuery
Основные примеры
Примеры HTML
Примеры CSS
Примеры JavaScript
Примеры инструкций
Примеры SQL
Примеры Python
Примеры W3.CSS
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery
ФОРУМ |
О
W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения.
Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания.