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

0 ∞ 1

  • HTML-элемент <head>
  • HTML-элемент <title>
  • HTML-элемент <style>
  • HTML-элемент <link>
  • HTML-элемент <meta>
  • Настройка области просмотра
  • HTML-элемент <script>
  • HTML-элемент <base>
  • Опускаем <html>, <head> и <body>?
  • Пример, как сделать шапку сайта HTML
  • Элементы HTML Head

Шапка сайта HTML является контейнером для метаданных, который размещается между тегами <html> и <body>. Метаданные – это информация о HTML-документе. Они не выводятся на страницу.

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

К метаданным относятся следующие теги: <title>, <style>, <meta>, <link>, <script>, и <base>.

Тег <title> отвечает за заголовок документа, и обязателен для всех документов HTML/XHTML.

Элемент <title>:

  • Задаёт заголовок вкладки в браузере;
  • Задаёт заголовок страницы, добавленной в «Избранное»;
  • Выводит заголовок страницы в выдаче поисковой системы.

Пример:

<!DOCTYPE html>
<html>
<head>
  <title>Page Title</title>
</head>
<body>
Содержимое документа…
</body>
</html>

Посмотреть демо

Перед тем, как сделать шапку сайта HTML, нужно знать, что тег <style> используется для стилизации отдельной веб-страницы:

Пример:

<style>
body {background-color: powderblue;}
h2 {color: red;}
p {color: blue;}
</style>

Посмотреть демо

Элемент <link> предназначен для указания ссылок на внешние файлы CSS.

Пример:

<link rel="stylesheet" href="mystyle.css">

Посмотреть демо

Перед тем, как написать шапку сайта в HTML, помните, что <meta> используется для указания кодировки, описания страницы, перечисления ключевых слов, автора материала и других метаданных.

Метаданные используются браузерами как инструкция по выводу данных, поисковыми системами (ключевые слова), а также другими веб-сервисами.

Определяем используемую кодировку:

<meta charset="UTF-8">

Вносим описание веб-страницы:

<meta name="description" content="Free Web tutorials">

Указываем ключевые слова для поисковых систем:

<meta name="keywords" content="HTML, CSS, XML, JavaScript">

Указываем автора материала:

<meta name="author" content="John Doe">

С помощью шапки сайта и ее HTML кода устанавливаем обновление страницы каждые 30 секунд:

<meta http-equiv="refresh" content="30">

Пример метатегов:

Пример:

<meta charset="UTF-8">
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="John Doe">

Посмотреть демо

В HTML5 с помощью тега <meta> можно контролировать область просмотра (viewport) в окне браузера.

Область просмотра – это часть веб-страницы, видимая для пользователей. Она может отличаться в зависимости от используемого устройства – то есть, на мобильных устройствах она будет меньше, чем на ПК:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Этот элемент шапки сайта HTML даёт браузеру инструкции о размерах области просмотра.

Фрагмент width=device-width отвечает за ширину страницы, которая должна соответствовать ширине экрана устройства.

Фрагмент initial-scale=1.0 устанавливает исходный уровень увеличения при загрузке страницы в браузере.

Взгляните на пример веб-страницы без метатега viewport, и той же страницы с указанным тегом viewport.

Совет: если вы читаете статью на смартфоне или планшете, можете перейти по ссылкам, приведённым под картинками:

Пример без метатега viewport

Пример с метатегом viewport

Тег шапки сайта HTML CSS позволяет выполнять код JavaScript на стороне клиента. В примере ниже Javascript выводит «Hello JavaScript!» в HTML-элемент через:

Пример:

<script>
function myFunction {
    document. getElementById("demo").innerHTML = "Hello JavaScript!";
}
</script>

Посмотреть демо

Элемент определяет базовый URL и цель для всех ссылок на странице:

Пример:

<base href="https://www.w3schools.com/images/" target="_blank">

Посмотреть демо

Согласно стандарту HTML5, теги <html>, <body> и <head> можно опустить.

<!DOCTYPE html>
<title>Page Title</title>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>

Посмотреть демо

Примечание: Мы не рекомендуем опускать теги <html> и <body>. Это может негативно сказаться на работе DOM и XML, а также вызвать ошибки отображения веб-страниц в устаревших браузерах (например, IE9).

  • <head> Предоставляет информацию о документе.
  • <title> Задаёт заголовок документа.
  • <base> Определяет основной адрес и цель для всех ссылок на странице.
  • <link> Отвечает за связь между документом и внешними ресурсами.
  • <meta> Определяет метаданные документа.
  • <script> Позволяет использовать скрипты на стороне клиента.
  • <style> Определяет стилизацию документа.

Валентин Сейидовавтор-переводчик статьи «HTML Head»

Дайте знать, что вы думаете по этой теме статьи в комментариях. За комментарии, отклики, дизлайки, лайки, подписки низкий вам поклон!

14. Заголовок в HTML — тег TITLE — Знакомство с HTML — codebra

Дополнительное видео по теме

Что такое title?

Это неотъемлемая часть сайта, ведь это первое, что видит пользователь в поисковике и в своем браузере. Кстати, title играет большую роль в оптимизации, а если еще в title есть ключевик (ключевое слово, по которому находят сайт) и вдобавок если оно (ключевое слово) вначале, то поисковики, особенно Google (о других я не знаю) будут кидать сайт ближе к топу (первое место). Эту информацию я прочитал где-то то ли в блогах Google, то ли официальных представителей. По запросу в Google: «программирование», сайт с title «программирование — это классно», будет выше чем «что такое программирование». Тег <title> обязательно должен быть внутри контейнера <head>. Более об этом теге вам знать и не надо, точнее больше мне нечего сказать.

Основные задачи тега title (заголовок HTML страницы)

Во-первых, по title (заголовок страницы) пользователь получает краткие сведения о странице: о чем речь, как называется, что найдет, какой сайт и т.д. Я называю этот тег – лицо сайта. Ведь если не будет тега title, что сделает пользователь? Закроет окно. Значит нужно обязательно указывать этот тег, и, кстати, в HTML 5 наличие тега title обязательно! Во-вторых, почти все браузеры умеют сохранять страницу (или закладку) на локальный диск. Имя сохраняемого файла, будет совпадать с содержанием тега title. Вот вам еще один «плюс» этого тега. В-третьих, все браузеры умеют сохранять закладки. Имя закладки совпадает с содержимым заголовка страницы. В-четвертых, во всех поисковиках, заголовок страницы отображает в поиске и поэтому, правильный заголовок может привлечь больше посетителей из поисковых систем. И последнее, правильно составленный тег title может помочь в оптимизации страницы, если в нем есть ключевые слова, которые есть и в контенте всего сайта. А далее идет пример:

Код HTML

<!DOCTYPE html>
<html>
<head>
<title>Я страница</title>
</head>
<body>
<p>А я абзац</p>
</body>
</html>

Похожие уроки и записи блога

Первое знакомство с PythonЗнакомство с Python

Урок 3. Генерация SSH-ключа для работы с GitHubБлог

Что такое HTML?Знакомство с HTML

Акцентирование (выделение) текста в HTMLРазметка текста

Использование HTML метатегов (Мета теги)Знакомство с HTML

Обработка исключений (try/except) в PythonЗнакомство с Python

Типы данных в PythonЗнакомство с Python

Функциональное программирование: map, filter и reduceЗнакомство с Python

Вводный урок по курсу HTML и CSSЗнакомство с HTML

Предыдущий урок «13. Исходный код веб-страницы» Следующий урок «15. Тест по структуре HTML документа»

Тег HTML 5

Тег HTML </code> используется для объявления заголовка или имени HTML-документа.</p><p> Заголовок обычно отображается в строке заголовка браузера (вверху). Также он отображается в закладках браузера и результатах поиска.</p><p> Тег title помещается между открывающим и закрывающим <code><center><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1812626643144578" data-ad-slot="3076124593" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></center> тегами<head> </code>.</p><h3><span class="ez-toc-section" id="i-3"> Демо </span></h3><h3><span class="ez-toc-section" id="i-4"> Атрибуты </span></h3><p> Теги HTML могут содержать один или несколько атрибутов. Атрибуты добавляются к тегу, чтобы предоставить браузеру больше информации о том, как тег должен выглядеть или вести себя. Атрибуты состоят из имени и значения, разделенных знаком равенства (=), при этом значение заключено в двойные кавычки. Вот например <code> стиль="цвет:черный;" </code> .</p><p> Существует 3 типа атрибутов, которые вы можете добавить к своим HTML-тегам: специфичные для элемента, глобальные атрибуты и атрибуты содержимого обработчика событий.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/cf.ppt-online.org/files/slide/z/z4oFZqI1sweOSTmtuBYMyDkK87RdrLUa59PQpx/slide-8.jpg' /><noscript><img loading='lazy' src='/800/600/https/cf.ppt-online.org/files/slide/z/z4oFZqI1sweOSTmtuBYMyDkK87RdrLUa59PQpx/slide-8.jpg' /></noscript><center><ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-1812626643144578" data-ad-slot="4908081011"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></center></p><p> Ниже перечислены атрибуты, которые можно добавить к этому тегу.</p><h4><span class="ez-toc-section" id="i-5"> Специфичные для элемента атрибуты </span></h4><p> В следующей таблице показаны атрибуты, характерные для этого тега/элемента.</p><table cellspacing="0" border="0"><tr><th> Атрибут</th><th> Описание</th></tr><tr><td> Нет</td><td>  </td></tr></table><h4><span class="ez-toc-section" id="i-6"> Глобальные атрибуты </span></h4><p> Следующие атрибуты являются стандартными для всех тегов HTML 5 (хотя атрибут <code> tabindex </code> не применяется к <code> элементам диалога </code>).</p><ul><li> <code> ключ доступа </code></li><li> <code> автокапитализация </code></li><li> <code> класс </code></li><li> <code> редактируемый контент </code></li><li> <code> данные-* </code></li><li> <code> директор </code><center><ins class="adsbygoogle" style="display:inline-block;width:580px;height:400px" data-ad-client="ca-pub-1812626643144578" data-ad-slot="8813674614"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></center></li><li> <code> перетаскиваемый </code></li><li> <code> скрытый </code></li><li> <code> идентификатор </code></li><li> <code> режим ввода </code></li><li> <code> это </code></li><li> <code> ид </code></li><li> <code> элементпроп </code></li><li> <code> Артикул </code></li><li> <code> предметная область </code></li><li> <code> тип изделия </code></li><li> <code> язык </code></li><li> <code> часть </code></li><li> <code> слот </code></li><li> <code> проверка правописания </code></li><li> <code> стиль </code></li><li> <code> tabindex </code></li><li> <code> название </code></li><li> <code> перевод </code></li></ul><p> Полное объяснение этих атрибутов см.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/seo-gold.com/images/title-tag-html.jpg' /><noscript><img loading='lazy' src='/800/600/https/seo-gold.com/images/title-tag-html.jpg' /></noscript><center><div class="advv"><ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-1812626643144578" data-ad-slot="9935184599"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div></center> в разделе Глобальные атрибуты HTML 5.</p><h4><span class="ez-toc-section" id="i-7"> Атрибуты содержимого обработчика событий </span></h4><p> Атрибуты содержимого обработчика событий позволяют вам вызывать сценарий из вашего HTML. Скрипт вызывается, когда происходит определенное «событие». Каждый атрибут содержимого обработчика событий имеет дело с другим событием.</p><ul><li> <code> прерывание </code></li><li> <code> onauxclick </code></li><li> <code> размытие </code></li><li> <code> при отмене </code></li><li> <code> онканплей </code></li><li> <code> oncanplaythrough </code></li><li> <code> при обмене </code></li><li> <code> по клику </code></li><li> <code> при закрытии </code></li><li> <code><center><ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-1812626643144578" data-ad-slot="4491286225"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></center> в контекстном меню </code></li><li> <code> онкопия </code></li><li> <code> при обмене </code></li><li> <code> врезной </code></li><li> <code> ondblclick </code></li><li> <code> ондраг </code></li><li> <code> ондрагенд </code></li><li> <code> Драгентер </code></li><li> <code> выход </code></li><li> <code> на накладке </code></li><li> <code> ондраговер </code></li><li> <code> ондрагстарт </code></li><li> <code> впускной </code></li><li> <code> ondurationchange </code></li><li> <code> при опорожнении </code></li><li> <code> одноконцевой </code></li><li> <code> при ошибке </code></li><li> <code> онфокус </code></li><li> <code> данные формы </code></li><li> <code> при вводе </code></li><li> <code> недействительный </code></li><li> <code> нажатие клавиши </code></li><li> <code> нажатие клавиши </code></li><li> <code> onkeyup </code></li><li> <code> onlanguagechange </code></li><li> <code> под нагрузкой </code></li><li> <code> загруженные данные </code></li><li> <code> загруженные метаданные </code></li><li> <code> запуск при загрузке </code></li><li> <code> при нажатии мыши </code></li><li> <code> ввод с помощью мыши </code></li><li> <code> для мышей </code></li><li> <code> перемещение мыши </code></li><li> <code> onmouseout </code></li><li> <code> при наведении мыши </code></li><li> <code> на мышке вверх </code></li><li> <code> паста </code></li><li> <code> при паузе </code></li><li> <code> в игре </code></li><li> <code> в игре </code></li><li> <code> в процессе </code></li><li> <code> при изменении скорости </code></li><li> <code> при сбросе </code></li><li> <code> изменение размера </code></li><li> <code> при прокрутке </code></li><li> <code> onsecuritypolicyviolation </code></li><li> <code> запрос </code></li><li> <code> поиск </code></li><li> <code> по выбору </code></li><li> <code> при смене слота </code></li><li> <code> установлен </code></li><li> <code> при отправке </code></li><li> <code> приостановить </code></li><li> <code> своевременное обновление </code></li><li> <code> нагрудник </code></li><li> <code> при изменении объема </code></li><li> <code> в ожидании </code></li><li> <code> на колесе </code></li></ul><p> Полный список обработчиков событий см.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/dmitryprovotorov.com/wp-content/uploads/2019/10/%D0%B3%D1%80%D0%B0%D0%B4%D0%B0%D1%86%D0%B8%D1%8F-%D0%B7%D0%B0%D0%B3%D0%BE%D0%BB%D0%BE%D0%B2%D0%BA%D0%BE%D0%B2.png' /><noscript><img loading='lazy' src='/800/600/https/dmitryprovotorov.com/wp-content/uploads/2019/10/%D0%B3%D1%80%D0%B0%D0%B4%D0%B0%D1%86%D0%B8%D1%8F-%D0%B7%D0%B0%D0%B3%D0%BE%D0%BB%D0%BE%D0%B2%D0%BA%D0%BE%D0%B2.png' /></noscript> в разделе Атрибуты содержимого обработчиков событий HTML 5.</p><h2><span class="ez-toc-section" id="_title_HTML_Scaler"> Тег title в HTML — Темы Scaler </span></h2><p> Тег title в HTML</p><p> Тег title в HTML</p> share-outline Курс Javascript — Mastering the Fundamentals</p> By Mrinal Bhattacharya</p> 90 435 Бесплатно</p> звезда 4.8</p> Зарегистрировано:</p> 20792</p> Курс Javascript — Освоение основ</p> Мринал Бхаттачарья</p> Бесплатно</p> Начать обучение</p><h3 level="2"><span class="ez-toc-section" id="i-8"> Обзор </span></h3><p> В этой статье вы узнаете об элементе HTML, называемом тегом<title>. Содержимое тега заголовка отображается в строке заголовка или на вкладке страницы на панели инструментов браузера. Тег title в HTML всегда заключен внутри тега<head> и имеет закрывающий тег (). Тег title в HTML поддерживает все глобальные атрибуты в HTML, и их содержимое играет значительную роль в оптимизации результатов поиска в поисковых системах.

Область применения статьи

  • В этой статье кратко объясняются теги title в HTML и их атрибуты с синтаксисом и примерами.
  • В этой статье подробно не рассматриваются все остальные HTML-элементы и теги, используемые в примерах.

HTML-тег

</h3><p> Тег title в HTML используется для определения заголовка HTML-документа, отображаемого в строке заголовка или на вкладке страницы на панели инструментов браузера. Этот тег заголовка в HTML также используется для установки заголовка веб-страницы при добавлении страницы в избранное в браузере. Тег title позволяет только текст внутри, а любые другие теги внутри элемента игнорируются. При использовании тега title требуются как открывающий, так и закрывающий теги, а отсутствие закрывающего тега () должно привести к тому, что браузер проигнорирует остальную часть страницы.

Примечание . Тег в HTML всегда используется внутри блока<head> страницы.</p><h4 level="3"><span class="ez-toc-section" id="i-10"> Синтаксис </span></h4><p> В HTML синтаксис тега<title>:</p><h3 level="2"><span class="ez-toc-section" id="i-11"> Атрибуты </span></h3><p> Тег<title> поддерживает глобальные атрибуты в HTML.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/prezentacii.org/upload/cloud/18/12/105531/images/screen3.jpg' /><noscript><img loading='lazy' src='/800/600/https/prezentacii.org/upload/cloud/18/12/105531/images/screen3.jpg' /></noscript> Все атрибуты, присутствующие в глобальных атрибутах HTML, могут использоваться внутри тега title. Кроме глобальных атрибутов, для тега<title> нет тега, специфичного для него.</p><h3 level="2"><span class="ez-toc-section" id="i-12"> Для чего используется тег </span></h3><title>?</h3><p> Тег<title> в HTML предоставляет заголовок для браузера, который предоставляет заголовок для страницы при добавлении тега заголовка в избранное. Кроме того, содержание заголовка страницы может иметь существенное значение для оптимизации результатов поиска в поисковых системах (SEO). Содержимое тега title является одним из компонентов, используемых алгоритмами поиска для определения порядка отображения страниц в результатах поиска. Кроме того, заголовок является начальным крючком, который привлекает пользователя к страницам в результатах поиска.</p><h3 level="2"><span class="ez-toc-section" id="i-13"> Пример тега </span></h3><title></h3><p> Давайте рассмотрим пример, в котором мы определяем заголовок для нашего HTML-документа.</p><h3 level="2"><span class="ez-toc-section" id="i-14"> Проблемы доступности </span></h3><p> Обычный метод навигации для пользователей заключается в чтении заголовка страницы и выводе содержимого документа по сравнению с чтением содержимого страницы, поскольку это может занять много времени и привести к путанице.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/fsd.kopilkaurokov.ru/uploads/user_file_56cefc7078d32/img_user_file_56cefc7078d32_5.jpg' /><noscript><img loading='lazy' src='/800/600/https/fsd.kopilkaurokov.ru/uploads/user_file_56cefc7078d32/img_user_file_56cefc7078d32_5.jpg' /></noscript> Вот почему мы должны предоставить <strong> краткий и точный заголовок, описывающий цель страницы </strong> . Заголовки должны быть уникальными для каждой страницы веб-сайта в зависимости от ее содержания. Это позволяет читателю узнать основную цель веб-сайта. Этот метод обеспечивает гораздо лучший опыт для пользователя, чем обращение к содержимому страницы, чтобы узнать ее цель.</p><h4 level="3"><span class="ez-toc-section" id="i-15"> Пример </span></h4><p> Кроме того, например, если отправка формы не удалась из-за ошибки и повторного рендеринга, заголовок может использоваться, чтобы помочь пользователю узнать об ошибках в предыдущей отправке. Например, обновление заголовка значением, отражающим серьезные проблемы.</p><h3 level="2"><span class="ez-toc-section" id="i-16"> Поддержка браузеров </span></h3><p> Большинство современных браузеров поддерживают тег<title>. Вот список браузеров, которые поддерживают тег title.</p><ul><li> Гугл Хром</li><li> Фаерфокс</li><li> Опера</li><li> Сафари</li><li> Internet Explorer</li></ul><h3 level="2"><span class="ez-toc-section" id="i-17"> Заключение </span></h3><ul><li> Тег заголовка в HTML используется для определения заголовка HTML-документа, отображаемого в строке заголовка или на вкладке страницы на панели инструментов браузера.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/thepresentation.ru/img/tmb/3/208533/0c2727bdfe7fc26e25b836fac3eaa6c9-800x.jpg' /><noscript><img loading='lazy' src='/800/600/https/thepresentation.ru/img/tmb/3/208533/0c2727bdfe7fc26e25b836fac3eaa6c9-800x.jpg' /></noscript><div class='yarpp-related yarpp-related-none'><p>No related posts.</p></div></div></div><div class="post-sharrre group"><div id="twitter" data-url="https://ylianova.ru/html/zagolovok-stranitsy-html-ukazanie-zagolovka-metategov-i-drugih-zagolovkov-html-na-glavnoj-stranitse-vb.html" data-text="Заголовок страницы html: Указание заголовка, метатегов и других заголовков HTML на главной странице (VB)" data-title="Tweet"></div><div id="facebook" data-url="https://ylianova.ru/html/zagolovok-stranitsy-html-ukazanie-zagolovka-metategov-i-drugih-zagolovkov-html-na-glavnoj-stranitse-vb.html" data-text="Заголовок страницы html: Указание заголовка, метатегов и других заголовков HTML на главной странице (VB)" data-title="Like"></div><div id="googleplus" data-url="https://ylianova.ru/html/zagolovok-stranitsy-html-ukazanie-zagolovka-metategov-i-drugih-zagolovkov-html-na-glavnoj-stranitse-vb.html" data-text="Заголовок страницы html: Указание заголовка, метатегов и других заголовков HTML на главной странице (VB)" data-title="+1"></div><div id="pinterest" data-url="https://ylianova.ru/html/zagolovok-stranitsy-html-ukazanie-zagolovka-metategov-i-drugih-zagolovkov-html-na-glavnoj-stranitse-vb.html" data-text="Заголовок страницы html: Указание заголовка, метатегов и других заголовков HTML на главной странице (VB)" data-title="Pin It"></div></div></div></article><ul class="post-nav group"><li class="next"><a href="https://ylianova.ru/raznoe-2/kak-sozdat-sloj-masku-v-fotoshope-sozdanie-maski-sloya-2.html" rel="next"><i class="fa fa-chevron-right"></i><strong>Вперед</strong> <span>Как создать слой маску в фотошопе: Создание маски слоя</span></a></li><li class="previous"><a href="https://ylianova.ru/raznoe-2/htm-chto-za-format-fajl-htm-chem-otkryt-opisanie-formata.html" rel="prev"><i class="fa fa-chevron-left"></i><strong>Назад</strong> <span>Htm что за формат: Файл HTM – чем открыть, описание формата</span></a></li></ul><section id="comments" class="themeform"><div id="respond" class="comment-respond"><h3 id="reply-title" class="comment-reply-title">Добавить комментарий <small><a rel="nofollow" id="cancel-comment-reply-link" href="/html/zagolovok-stranitsy-html-ukazanie-zagolovka-metategov-i-drugih-zagolovkov-html-na-glavnoj-stranitse-vb.html#respond" style="display:none;">Отменить ответ</a></small></h3><form action="https://ylianova.ru/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">Ваш адрес email не будет опубликован.</span> <span class="required-field-message">Обязательные поля помечены <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Комментарий <span class="required">*</span></label><textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required="required"></textarea></p><p class="comment-form-author"><label for="author">Имя <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required="required" /></p><p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="text" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required="required" /></p><p class="comment-form-url"><label for="url">Сайт</label> <input id="url" name="url" type="text" value="" size="30" maxlength="200" autocomplete="url" /></p><p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Отправить комментарий" /> <input type='hidden' name='comment_post_ID' value='43018' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /></p></form></div></section></div></section><div class="sidebar s1"> <a class="sidebar-toggle" title="Развернуть боковую панель"><i class="fa icon-sidebar-toggle"></i></a><div class="sidebar-content"><div id="search-2" class="widget widget_search"><form method="get" class="searchform themeform" action="https://ylianova.ru/"><div> <input type="text" class="search" name="s" onblur="if(this.value=='')this.value='Введите поисковую фразу';" onfocus="if(this.value=='Введите поисковую фразу')this.value='';" value="Введите поисковую фразу" /></div></form></div><div id="nav_menu-2" class="widget widget_nav_menu"><h3>Рубрики</h3></div><div id="categories-3" class="widget widget_categories"><h3>Рубрики</h3><ul><li class="cat-item cat-item-5"><a href="https://ylianova.ru/category/css">Css</a></li><li class="cat-item cat-item-4"><a href="https://ylianova.ru/category/html">Html</a></li><li class="cat-item cat-item-9"><a href="https://ylianova.ru/category/http">Http</a></li><li class="cat-item cat-item-10"><a href="https://ylianova.ru/category/javascript">Javascript</a></li><li class="cat-item cat-item-20"><a href="https://ylianova.ru/category/linux">Linux</a></li><li class="cat-item cat-item-11"><a href="https://ylianova.ru/category/photoshop">Photoshop</a></li><li class="cat-item cat-item-19"><a href="https://ylianova.ru/category/adaptiv">Адаптив</a></li><li class="cat-item cat-item-17"><a href="https://ylianova.ru/category/verstka">Верстка</a></li><li class="cat-item cat-item-3"><a href="https://ylianova.ru/category/raznoe">Вопросы и ответы</a></li><li class="cat-item cat-item-16"><a href="https://ylianova.ru/category/maket">Макет</a></li><li class="cat-item cat-item-6"><a href="https://ylianova.ru/category/sajt">Развитие сайтов</a></li><li class="cat-item cat-item-13"><a href="https://ylianova.ru/category/raznoe-2">Разное</a></li><li class="cat-item cat-item-12"><a href="https://ylianova.ru/category/sajt-2">Сайт</a></li><li class="cat-item cat-item-1"><a href="https://ylianova.ru/category/sovety">Советы</a></li><li class="cat-item cat-item-15"><a href="https://ylianova.ru/category/shablon-2">Шаблон</a></li><li class="cat-item cat-item-7"><a href="https://ylianova.ru/category/shablon">Шаблоны</a></li><li class="cat-item cat-item-14"><a href="https://ylianova.ru/category/shrift-2">Шрифт</a></li><li class="cat-item cat-item-8"><a href="https://ylianova.ru/category/shrift">Шрифты</a></li></ul></div></div></div></div></div><footer id="footer"><section id="footer-bottom"><div class="container"> <a id="back-to-top" href="#"><i class="fa fa-angle-up"></i></a><div class="pad group"><div class="grid one-half"><div id="copyright"><p>Блог сумасшедшего сисадмина © 2025. Все права защищены.</p></div><div id="credit"><p><a href="/sitemap.xml" class="c_sitemap">Карта сайта</a></p></div></div><div class="grid one-half last"></div></div></div></section></footer></div> <noscript><style>.lazyload{display:none}</style></noscript><script data-noptimize="1">window.lazySizesConfig=window.lazySizesConfig||{};window.lazySizesConfig.loadMode=1;</script><script async data-noptimize="1" src='https://ylianova.ru/wp-content/plugins/autoptimize/classes/external/js/lazysizes.min.js'></script> <!--[if lt IE 9]> <script src="https://ylianova.ru/wp-content/themes/anew/js/ie/respond.js"></script> <![endif]--> <!-- noptimize --> <style>iframe,object{width:100%;height:480px}img{max-width:100%}</style><script>new Image().src="//counter.yadro.ru/hit?r"+escape(document.referrer)+((typeof(screen)=="undefined")?"":";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+";"+Math.random();</script> <!-- /noptimize --> <script defer src="https://ylianova.ru/wp-content/cache/autoptimize/js/autoptimize_c419692ee031c7d11ddcf3dea8b7059d.js"></script></body></html><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="9e5db050cb4f490f5919b777-|49" defer></script>