Как изменить название страницы html
HTML-элемент заголовка () определяет заголовок документа, который отображается в заголовке окна браузера или на вкладке страницы. Он содержит только текст, а теги внутри элемента игнорируются.</div>
<div class="entry-meta">
<span class="b-share b-share--small">
<span class="b-share__ico b-share__vk js-share-link" data-uri="http://vk.com/share.php?url=https%3A%2F%2Foshibkis.ru%2Fkak-izmenit-nazvanie-straniczy-html%2F"></span>
<span class="b-share__ico b-share__fb js-share-link" data-uri="http://www.facebook.com/sharer.php?u=https%3A%2F%2Foshibkis.ru%2Fkak-izmenit-nazvanie-straniczy-html%2F"></span>
<span class="b-share__ico b-share__tw js-share-link" data-uri="http://twitter.com/share?text=%D0%9A%D0%B0%D0%BA+%D0%B8%D0%B7%D0%BC%D0%B5%D0%BD%D0%B8%D1%82%D1%8C+%D0%BD%D0%B0%D0%B7%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5+%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D1%8B+html&url=https%3A%2F%2Foshibkis.ru%2Fkak-izmenit-nazvanie-straniczy-html%2F"></span>
<span class="b-share__ico b-share__ok js-share-link" data-uri="https://connect.ok.ru/dk?st.cmd=WidgetSharePreview&service=odnoklassniki&st.shareUrl=https%3A%2F%2Foshibkis.ru%2Fkak-izmenit-nazvanie-straniczy-html%2F"></span>
<span class="b-share__ico b-share__gp js-share-link" data-uri="https://plus.google.com/share?url=https%3A%2F%2Foshibkis.ru%2Fkak-izmenit-nazvanie-straniczy-html%2F"></span>
<span class="b-share__ico b-share__whatsapp js-share-link js-share-link-no-window" data-uri="whatsapp://send?text=%D0%9A%D0%B0%D0%BA+%D0%B8%D0%B7%D0%BC%D0%B5%D0%BD%D0%B8%D1%82%D1%8C+%D0%BD%D0%B0%D0%B7%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5+%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D1%8B+html%20https%3A%2F%2Foshibkis.ru%2Fkak-izmenit-nazvanie-straniczy-html%2F"></span>
<span class="b-share__ico b-share__viber js-share-link js-share-link-no-window" data-uri="viber://forward?text=%D0%9A%D0%B0%D0%BA+%D0%B8%D0%B7%D0%BC%D0%B5%D0%BD%D0%B8%D1%82%D1%8C+%D0%BD%D0%B0%D0%B7%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5+%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D1%8B+html%20https%3A%2F%2Foshibkis.ru%2Fkak-izmenit-nazvanie-straniczy-html%2F"></span>
<span class="b-share__ico b-share__telegram js-share-link js-share-link-no-window" data-uri="https://telegram.me/share/url?url=https%3A%2F%2Foshibkis.ru%2Fkak-izmenit-nazvanie-straniczy-html%2F&text=%D0%9A%D0%B0%D0%BA+%D0%B8%D0%B7%D0%BC%D0%B5%D0%BD%D0%B8%D1%82%D1%8C+%D0%BD%D0%B0%D0%B7%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5+%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D1%8B+html"></span>
</span> </div><!-- .entry-meta -->
</header><!-- .entry-header -->
<div class="page-separator"></div>
<div class="entry-content" itemprop="articleBody">
<!-- WP QUADS Content Ad Plugin v. 2.0.82 -->
<div class="quads-location quads-ad193927 " id="quads-ad193927" style="float:none;margin:0px 3px 3px 3px;padding:0px 0px 0px 0px;" data-lazydelay="3000">
<!-- WP QUADS - Quick AdSense Reloaded v.2.0.82 Content Yandex async -->
<div id="yandex_rtb_R-A-6935943-3" ></div>
<script>
(function(w, d, n, s, t) {
w[n] = w[n] || [];
w[n].push(function() {
Ya.Context.AdvManager.render({
blockId: "R-A-6935943-3",
renderTo: "yandex_rtb_R-A-6935943-3",
async: true
});
});
t = d.getElementsByTagName("script")[0];
s = d.createElement("script");
s.type = "text/javascript";
s.src = "//an.yandex.ru/system/context.js";
s.async = true;
t.parentNode.insertBefore(s, t);
})(this, this.document, "yandexContextAsyncCallbacks");
</script>
<!-- end WP QUADS -->
</div>
<div>
<div>
<article>
<div>
<p><strong>HTML-элемент заголовка</strong> (<strong><code><title></code></strong>) определяет заголовок документа, который отображается в заголовке окна браузера или на вкладке страницы. Он содержит только текст, а теги внутри элемента игнорируются.</p>
<table>
<thead>
<tr>
<th>Категории контента</th>
<th>Метаданные.</th>
</tr>
</thead>
<tbody>
<tr>
<td>Разрешённое содержимое</td>
<td>Текст, который не является межэлементным разделителем.</td>
</tr>
<tr>
<td>Пропуск тега</td>
<td>Открывающий и закрывающий теги обязательны. Обратите внимание, что отсутствие <code></title></code> заставляет браузер игнорировать остальную часть страницы.</td>
</tr>
<tr>
<td>Разрешённые родительские элементы</td>
<td>Элемент <code><head></code>, который не содержит других элементов <code><title></code>.</td>
</tr>
<tr>
<td>Разрешённые роли ARIA</td>
<td>Отсутствуют.</td>
</tr>
<tr>
<td>DOM-интерфейс</td>
<td><code>HTMLTitleElement</code> <small>(en-US)</small></td>
</tr>
</tbody>
</table>
</div>
<section>
<h2>Атрибуты</h2>
<div>
<p>К этому элементу применимы только глобальные атрибуты.</p>
</div>
</section>
<section>
<h2>Примечание</h2>
<p>Элемент <code><title></code> всегда используется внутри блока <code><head></code>.</p>
</section>
<section>
<h3>Заголовок страницы и SEO</h3>
<div>
<p>Содержимое заголовка страницы может иметь важное значение для поисковой оптимизации (SEO). Как правило, более длинный описательный заголовок будет лучше ранжироваться (Ranking), чем короткий или скучный. Не только содержимое заголовка является одним из компонентов, используемых алгоритмами для определения порядка, в котором перечисляются страницы в поисковой выдаче, но и сам заголовок является приёмом, которым вы привлекаете внимание читателей бегло просматривающих результаты поиска.</p>
<p>Несколько методических рекомендаций и советов для составления хороших заголовков:</p>
<ul>
<li>избегайте заголовков состоящих из одного или двух слов. Используйте описательные фразы или сочетание термин-определение для страниц глоссария (словарь терминов) или справки;</li>
<li>поисковые системы, как правило, отображают примерно 55-60 первых символов заголовка страницы. Текст, превышающий это количество символов, может быть потерян, так что постарайтесь, чтобы заголовки не были длиннее. Если вам нужно использовать более длинный заголовок, убедитесь, что важные части появляются раньше и что нет ничего критического в части заголовка, которая может быть отброшена;</li>
<li>избегайте специальных символов, когда это возможно; не все браузеры будут отображать их одинаково. Например, «<» часто отображается в строке заголовка окна как «<» — символ-мнемоника «меньше» в HTML (entity);</li>
<li>не используйте ключевые слова («keyword blobs»). Если ваш заголовок состоит только из списка слов, то алгоритмы будут часто искусственно понижать позицию вашей страницы в поисковой выдаче;</li>
<li>убедитесь, что ваш заголовок является уникальным на вашем сайте, насколько это возможно. Повторяющиеся или частично повторяющиеся заголовки могут способствовать неточным результатам поиска.</li>
</ul>
</div>
</section>
<section>
<h2>Пример</h2>
<div>
<div>
<pre><code><span><span><span><</span>title</span><span>></span></span>Потрясающий заголовок страницы<span><span><span></</span>title</span><span>></span></span>
</code></pre>
</div>
<p>Этот пример устанавливает заголовок страницы (отображается в верхней части окна или вкладки браузера) как «Потрясающий заголовок страницы».</p>
</div>
</section>
<section>
<h2>Проблемы доступности</h2>
<div>
<p>Важно указать такое значение <code>title</code>, которое описывает назначение страницы.</p>
<!-- WP QUADS Content Ad Plugin v. 2.0.82 -->
<div class="quads-location quads-ad193929 " id="quads-ad193929" style="float:none;margin:0px 3px 3px 3px;padding:0px 0px 0px 0px;" data-lazydelay="3000">
<!-- WP QUADS - Quick AdSense Reloaded v.2.0.82 Content Yandex async -->
<div id="yandex_rtb_R-A-6935943-5" ></div>
<script>
(function(w, d, n, s, t) {
w[n] = w[n] || [];
w[n].push(function() {
Ya.Context.AdvManager.render({
blockId: "R-A-6935943-5",
renderTo: "yandex_rtb_R-A-6935943-5",
async: true
});
});
t = d.getElementsByTagName("script")[0];
s = d.createElement("script");
s.type = "text/javascript";
s.src = "//an.yandex.ru/system/context.js";
s.async = true;
t.parentNode.insertBefore(s, t);
})(this, this.document, "yandexContextAsyncCallbacks");
</script>
<!-- end WP QUADS -->
</div>
<p>Обычная техника навигации для пользователей вспомогательных технологий — прочитать заголовок страницы и определить какой контент она содержит. Это потому, что навигация по странице для определения её содержимого может занять время и, возможно, привести к путанице.</p>
</div>
</section>
<section>
<h3>Пример</h3>
<div>
<div>
<pre><code><span><span><span><</span>title</span><span>></span></span>Меню - Китайская еда Синий дом - FoodYum: онлайн на вынос сегодня!<span><span><span></</span>title</span><span>></span></span>
</code></pre>
</div>
<p>Для того чтобы помочь пользователю, обновите значение <code>title</code>, чтобы отразить важные изменения состояния страницы (например, проблемы с проверкой формы).</p>
</div>
</section>
<section>
<h3>Пример</h3>
</section>
<h2>Спецификации</h2>
<table>
<thead>
<tr>
<th>Specification</th>
</tr>
</thead>
<tbody>
<tr>
<td>HTML Standard <br /><small># the-title-element</small></td>
</tr>
</tbody>
</table>
<h2>Поддержка браузерами</h2>
<p>BCD tables only load in the browser</p>
</article>
</div>
</div>
<div class="source-url"><a href="https://developer.mozilla.org/ru/docs/Web/HTML/Element/title" rel="noopener" target="_blank">Источник</a></div>
<div>
<div>
<div>
<div>
<p> <img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2015%2015'%3E%3C/svg%3E" width="15" height="15" data-lazy-src="https://www.wikihow.com/extensions/wikihow/socialstamp/images/icon-pdf.svg" /><noscript><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" src="https://www.wikihow.com/extensions/wikihow/socialstamp/images/icon-pdf.svg" width="15" height="15" /></noscript><br />
Download Article</p>
<p> <img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2015%2015'%3E%3C/svg%3E" width="15" height="15" data-lazy-src="https://www.wikihow.com/extensions/wikihow/socialstamp/images/icon-pdf.svg" /><noscript><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" src="https://www.wikihow.com/extensions/wikihow/socialstamp/images/icon-pdf.svg" width="15" height="15" /></noscript><br />
Download Article</p>
<p>Every web page needs a title. Why doesn’t yours? One of the major tag pairs in HTML is the <code><title></title></code> tags; the title tag affects several functions of websites, from the default bookmark titles through to flashing words drawing your attention back to the site, even when in a different tab.
</p>
</div>
<div>
<div>
<ol>
<li>
<p>1</p>
<!-- WP QUADS Content Ad Plugin v. 2.0.82 -->
<div class="quads-location quads-ad193930 " id="quads-ad193930" style="float:none;margin:0px 3px 3px 3px;padding:0px 0px 0px 0px;" data-lazydelay="3000">
<!-- WP QUADS - Quick AdSense Reloaded v.2.0.82 Content Yandex async -->
<div id="yandex_rtb_R-A-6935943-6" ></div>
<script>
(function(w, d, n, s, t) {
w[n] = w[n] || [];
w[n].push(function() {
Ya.Context.AdvManager.render({
blockId: "R-A-6935943-6",
renderTo: "yandex_rtb_R-A-6935943-6",
async: true
});
});
t = d.getElementsByTagName("script")[0];
s = d.createElement("script");
s.type = "text/javascript";
s.src = "//an.yandex.ru/system/context.js";
s.async = true;
t.parentNode.insertBefore(s, t);
})(this, this.document, "yandexContextAsyncCallbacks");
</script>
<!-- end WP QUADS -->
</div>
<p><b>Open a text editing program (or IDE) such as Atom, Brackets or even TextEdit or Notepad++.</b>
</p>
</li>
<li>
<p>2</p>
<p><b>Create the <code><html></code> body.</b> Using the <code><html></code> tags, create a <i>.html</i> file with either tags on a new line. Make sure to close the tag with <code></html><code>. </p>
<div>
<p><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" alt="Image titled Title tag html" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="https://www.wikihow.com/images/thumb/3/30/Title-tag-html.jpg/460px-Title-tag-html.jpg" /><noscript><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" alt="Image titled Title tag html" src="https://www.wikihow.com/images/thumb/3/30/Title-tag-html.jpg/460px-Title-tag-html.jpg" /></noscript>
</p>
</div>
<p></code></code>
</p>
</li>
<p>Advertisement</p>
<p><code></p>
<p>3</p>
<p></code></p>
<div>
<li><code><br />
<b>Add the <code><head></code> section.</b> Placing the <code><head><code> tags in between the <code><html></code> tags, define the <i>head</i> (metadata section) section. Make sure to close the tag with <code></head><code>. </p>
<div>
<p><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" alt="Image titled Title tag head" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="https://www.wikihow.com/images/thumb/f/f6/Title-tag-head.jpg/460px-Title-tag-head.jpg" /><noscript><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" alt="Image titled Title tag head" src="https://www.wikihow.com/images/thumb/f/f6/Title-tag-head.jpg/460px-Title-tag-head.jpg" /></noscript>
</p>
<!-- WP QUADS Content Ad Plugin v. 2.0.82 -->
<div class="quads-location quads-ad193931 " id="quads-ad193931" style="float:none;margin:0px 3px 3px 3px;padding:0px 0px 0px 0px;" data-lazydelay="3000">
<!-- WP QUADS - Quick AdSense Reloaded v.2.0.82 Content Yandex async -->
<div id="yandex_rtb_R-A-6935943-7" ></div>
<script>
(function(w, d, n, s, t) {
w[n] = w[n] || [];
w[n].push(function() {
Ya.Context.AdvManager.render({
blockId: "R-A-6935943-7",
renderTo: "yandex_rtb_R-A-6935943-7",
async: true
});
});
t = d.getElementsByTagName("script")[0];
s = d.createElement("script");
s.type = "text/javascript";
s.src = "//an.yandex.ru/system/context.js";
s.async = true;
t.parentNode.insertBefore(s, t);
})(this, this.document, "yandexContextAsyncCallbacks");
</script>
<!-- end WP QUADS -->
</div>
</div>
<p></code></code></code></code></code>
</li>
<p><code><code><code></p>
<li>Add the <code><body></code> section. Below the closing <code></head></code> tag and above the closing <code></html></code> tag, add the <code><body></code> (content section) tags. Make sure to close the tag with <code></body><code>.
<div>
<p><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" alt="Image titled Title tag content" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="https://www.wikihow.com/images/thumb/d/d0/Title-tag-content.jpg/460px-Title-tag-content.jpg" /><noscript><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" alt="Image titled Title tag content" src="https://www.wikihow.com/images/thumb/d/d0/Title-tag-content.jpg/460px-Title-tag-content.jpg" /></noscript>
</p>
</div>
<ul>
<li>Optionally, add some 'test' code in the <i>body</i> (or content) section to make sure that you've coded it correctly. If the content shows, it means that the code is parsing (loading). If not, it means that you may have made a typo, or some other thing that is not letting it load.</li>
</ul>
<p></code></code>
</li>
<p></code></code></code></p>
</div>
</ol>
<p><code><code><code></p>
<div>
<h3><span>Adding the Title Tag</span></h3>
</div>
<p></code></code></code></p>
<p> <img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2015%2015'%3E%3C/svg%3E" width="15" height="15" data-lazy-src="https://www.wikihow.com/extensions/wikihow/socialstamp/images/icon-pdf.svg" /><noscript><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" src="https://www.wikihow.com/extensions/wikihow/socialstamp/images/icon-pdf.svg" width="15" height="15" /></noscript><br />
Download Article</p>
</div>
<p><code><code><code></p>
<ol>
<li>Add a <code><title></code> tag in the <i>head</i> (metadata) section.
<div>
<p><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" alt="Image titled Title tag title content" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="https://www.wikihow.com/images/thumb/d/d4/Title-tag-title-content.jpg/460px-Title-tag-title-content.jpg" /><noscript><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" alt="Image titled Title tag title content" src="https://www.wikihow.com/images/thumb/d/d4/Title-tag-title-content.jpg/460px-Title-tag-title-content.jpg" /></noscript>
</p>
</div>
<ul>
<li>Make sure to close the tag with <code></title><code>. These two tags can be on the same line. In between the starting and closing <i>title</i> tags, write what you want your title to say.</code></code>
</li>
</ul>
</li>
</ol>
<p></code></code></code><code><code><code><code><code></p>
<div>
<h3><span>Testing the Code</span></h3>
</p>
<!-- WP QUADS Content Ad Plugin v. 2.0.82 -->
<div class="quads-location quads-ad193932 " id="quads-ad193932" style="float:none;margin:0px 3px 3px 3px;padding:0px 0px 0px 0px;" data-lazydelay="3000">
<!-- WP QUADS - Quick AdSense Reloaded v.2.0.82 Content Yandex async -->
<div id="yandex_rtb_R-A-6935943-8" ></div>
<script>
(function(w, d, n, s, t) {
w[n] = w[n] || [];
w[n].push(function() {
Ya.Context.AdvManager.render({
blockId: "R-A-6935943-8",
renderTo: "yandex_rtb_R-A-6935943-8",
async: true
});
});
t = d.getElementsByTagName("script")[0];
s = d.createElement("script");
s.type = "text/javascript";
s.src = "//an.yandex.ru/system/context.js";
s.async = true;
t.parentNode.insertBefore(s, t);
})(this, this.document, "yandexContextAsyncCallbacks");
</script>
<!-- end WP QUADS -->
</div>
<p> <img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2015%2015'%3E%3C/svg%3E" width="15" height="15" data-lazy-src="https://www.wikihow.com/extensions/wikihow/socialstamp/images/icon-pdf.svg" /><noscript><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" src="https://www.wikihow.com/extensions/wikihow/socialstamp/images/icon-pdf.svg" width="15" height="15" /></noscript><br />
Download Article</p>
</div>
<p></code></code></code></code></code><code><code><code><code><code></p>
<ol>
<li>Save your file to an easily accessible location. Name your file as <code>something.html</code>, replacing <i>something</i> with what you wish. Remember that the <code>index.html</code> file is the 'home' or 'landing' page of your website.
<div>
<p><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" alt="Image titled Title tag save" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="https://www.wikihow.com/images/thumb/8/85/Title-tag-save.jpg/460px-Title-tag-save.jpg" /><noscript><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" alt="Image titled Title tag save" src="https://www.wikihow.com/images/thumb/8/85/Title-tag-save.jpg/460px-Title-tag-save.jpg" /></noscript>
</p>
</div>
</li>
<li>Open your page in your preferred browser. Browsers like Google Chrome, or Mozilla Firefox are good for front-end website development. Go ahead and open your <i>.html</i> file. You can use short keys like <span><kbd><span>⌘</span> Cmd</kbd>+<kbd>O</kbd></span> or <span><kbd>Ctrl</kbd>+<kbd>O</kbd></span> to open the file in most browsers.
<div>
<p><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" alt="Image titled Title tag open" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="https://www.wikihow.com/images/thumb/2/2b/Title-tag-open.jpg/460px-Title-tag-open.jpg" /><noscript><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" alt="Image titled Title tag open" src="https://www.wikihow.com/images/thumb/2/2b/Title-tag-open.jpg/460px-Title-tag-open.jpg" /></noscript>
</p>
</div>
</li>
<li>Look at the top of the tab for your title. If your desired title shows, the code has loaded and worked! If not, and it shows your filename instead (something.html), you may have made a mistake; check your code for typos then try again.
<div>
<p><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" alt="Image titled Title tag view" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="https://www.wikihow.com/images/thumb/2/25/Title-tag-view.jpg/460px-Title-tag-view.jpg" /><noscript><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" alt="Image titled Title tag view" src="https://www.wikihow.com/images/thumb/2/25/Title-tag-view.jpg/460px-Title-tag-view.jpg" /></noscript>
</p>
</div>
</li>
<li>Sit back and admire your work. You've just taken the first step to a fully functional website.</li>
</ol>
<p></code></code></code></code></code><code><code><code><code><code></code></code></code></code></code><code><code><code><code><code></p>
<p></code></code></code></code></code><code><code><code><code><code></code></code></code></code></code><code><code><code><code><code></p>
<table>
<tbody>
<tr>
<td></td>
<td>{{{1}}}
</td>
</tr>
</tbody>
</table>
<p></code></code></code></code></code><code><code><code><code><code></code></code></code></code></code><code><code><code><code><code></p>
<ul>
<li>Learn HTML</li>
<li>Create a Simple Web Page with HTML</li>
<li>Write an HTML Page</li>
<li>Change Text Color in HTML</li>
<li>Use Font Color Tags in HTML</li>
</ul>
<p></code></code></code></code></code><code><code><code><code><code></code></code></code></code></code></p>
</div>
<div>
<div>
<div>
<p>Add New Question</p>
<!-- WP QUADS Content Ad Plugin v. 2.0.82 -->
<div class="quads-location quads-ad193933 " id="quads-ad193933" style="float:none;margin:0px 3px 3px 3px;padding:0px 0px 0px 0px;" data-lazydelay="3000">
<!-- WP QUADS - Quick AdSense Reloaded v.2.0.82 Content Yandex async -->
<div id="yandex_rtb_R-A-6935943-9" ></div>
<script>
(function(w, d, n, s, t) {
w[n] = w[n] || [];
w[n].push(function() {
Ya.Context.AdvManager.render({
blockId: "R-A-6935943-9",
renderTo: "yandex_rtb_R-A-6935943-9",
async: true
});
});
t = d.getElementsByTagName("script")[0];
s = d.createElement("script");
s.type = "text/javascript";
s.src = "//an.yandex.ru/system/context.js";
s.async = true;
t.parentNode.insertBefore(s, t);
})(this, this.document, "yandexContextAsyncCallbacks");
</script>
<!-- end WP QUADS -->
</div>
<ul>
<li>
<div>
<p>Question</p>
<p>How do I insert the first level heading?</p>
<div>
<div>
<div>
<img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2052%2052'%3E%3C/svg%3E" width="52" height="52" loading="lazy" alt="Shehriar Ahmad Awan" data-lazy-src="https://www.wikihow.com/images/avatarOut/b/b3/6025734.jpg?20191223122611" /><noscript><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" src="https://www.wikihow.com/images/avatarOut/b/b3/6025734.jpg?20191223122611" width="52" height="52" loading="lazy" alt="Shehriar Ahmad Awan" /></noscript>
</div>
<div>
<p><span>Shehriar Ahmad Awan</span></p>
<p>Community Answer</p>
</div>
</p></div>
<p>
You can do it using the H1 tag.
</p>
</div>
</p></div>
</li>
</ul>
</div>
<p>Ask a Question</p>
<div>
<p>200 characters left</p>
<p>Include your email address to get a message when this question is answered.</p>
<!-- WP QUADS Content Ad Plugin v. 2.0.82 -->
<div class="quads-location quads-ad193934 " id="quads-ad193934" style="float:none;margin:0px 3px 3px 3px;padding:0px 0px 0px 0px;" data-lazydelay="3000">
<!-- WP QUADS - Quick AdSense Reloaded v.2.0.82 Content Yandex async -->
<div id="yandex_rtb_R-A-6935943-10" ></div>
<script>
(function(w, d, n, s, t) {
w[n] = w[n] || [];
w[n].push(function() {
Ya.Context.AdvManager.render({
blockId: "R-A-6935943-10",
renderTo: "yandex_rtb_R-A-6935943-10",
async: true
});
});
t = d.getElementsByTagName("script")[0];
s = d.createElement("script");
s.type = "text/javascript";
s.src = "//an.yandex.ru/system/context.js";
s.async = true;
t.parentNode.insertBefore(s, t);
})(this, this.document, "yandexContextAsyncCallbacks");
</script>
<!-- end WP QUADS -->
</div>
<p>Submit
</p>
</div>
</div>
<p>Advertisement</p>
</div>
<div>
<p>
Thanks for submitting a tip for review!
</p>
</div>
</div>
</div>
<div>
<div>
<h2><span>About This Article</span></h2>
</p></div>
<div>
<p>Thanks to all authors for creating a page that has been read 55,086 times.</p>
</div>
</div>
<div>
<h2><span>Is this article up to date?</span></h2>
</div>
</div>
<div class="source-url"><a href="https://www.wikihow.com/Set-a-Title-in-HTML" rel="noopener" target="_blank">Источник</a></div>
<div>
<div>
<div>
<div>
<p> <img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2015%2015'%3E%3C/svg%3E" width="15" height="15" data-lazy-src="https://www.wikihow.com/extensions/wikihow/socialstamp/images/icon-pdf.svg" /><noscript><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" src="https://www.wikihow.com/extensions/wikihow/socialstamp/images/icon-pdf.svg" width="15" height="15" /></noscript><br />
Download Article</p>
<p> <img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2015%2015'%3E%3C/svg%3E" width="15" height="15" data-lazy-src="https://www.wikihow.com/extensions/wikihow/socialstamp/images/icon-pdf.svg" /><noscript><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" src="https://www.wikihow.com/extensions/wikihow/socialstamp/images/icon-pdf.svg" width="15" height="15" /></noscript><br />
Download Article</p>
<p>Every web page needs a title. Why doesn’t yours? One of the major tag pairs in HTML is the <code><title></title></code> tags; the title tag affects several functions of websites, from the default bookmark titles through to flashing words drawing your attention back to the site, even when in a different tab.
</p>
</div>
<div>
<div>
<ol>
<li>
<p>1</p>
<p><b>Open a text editing program (or IDE) such as Atom, Brackets or even TextEdit or Notepad++.</b>
</p>
<!-- WP QUADS Content Ad Plugin v. 2.0.82 -->
<div class="quads-location quads-ad193935 " id="quads-ad193935" style="float:none;margin:0px 3px 3px 3px;padding:0px 0px 0px 0px;" data-lazydelay="3000">
<!-- WP QUADS - Quick AdSense Reloaded v.2.0.82 Content Yandex async -->
<div id="yandex_rtb_R-A-6935943-11" ></div>
<script>
(function(w, d, n, s, t) {
w[n] = w[n] || [];
w[n].push(function() {
Ya.Context.AdvManager.render({
blockId: "R-A-6935943-11",
renderTo: "yandex_rtb_R-A-6935943-11",
async: true
});
});
t = d.getElementsByTagName("script")[0];
s = d.createElement("script");
s.type = "text/javascript";
s.src = "//an.yandex.ru/system/context.js";
s.async = true;
t.parentNode.insertBefore(s, t);
})(this, this.document, "yandexContextAsyncCallbacks");
</script>
<!-- end WP QUADS -->
</div>
</li>
<li>
<p>2</p>
<p><b>Create the <code><html></code> body.</b> Using the <code><html></code> tags, create a <i>.html</i> file with either tags on a new line. Make sure to close the tag with <code></html><code>. </p>
<div>
<p><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" alt="Image titled Title tag html" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="https://www.wikihow.com/images/thumb/3/30/Title-tag-html.jpg/460px-Title-tag-html.jpg" /><noscript><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" alt="Image titled Title tag html" src="https://www.wikihow.com/images/thumb/3/30/Title-tag-html.jpg/460px-Title-tag-html.jpg" /></noscript>
</p>
</div>
<p></code></code>
</p>
</li>
<p>Advertisement</p>
<p><code></p>
<p>3</p>
<p></code></p>
<div>
<li><code><br />
<b>Add the <code><head></code> section.</b> Placing the <code><head><code> tags in between the <code><html></code> tags, define the <i>head</i> (metadata section) section. Make sure to close the tag with <code></head><code>. </p>
<div>
<p><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" alt="Image titled Title tag head" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="https://www.wikihow.com/images/thumb/f/f6/Title-tag-head.jpg/460px-Title-tag-head.jpg" /><noscript><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" alt="Image titled Title tag head" src="https://www.wikihow.com/images/thumb/f/f6/Title-tag-head.jpg/460px-Title-tag-head.jpg" /></noscript>
</p>
<!-- WP QUADS Content Ad Plugin v. 2.0.82 -->
<div class="quads-location quads-ad193936 " id="quads-ad193936" style="float:none;margin:0px 3px 3px 3px;padding:0px 0px 0px 0px;" data-lazydelay="3000">
<!-- WP QUADS - Quick AdSense Reloaded v.2.0.82 Content Yandex async -->
<div id="yandex_rtb_R-A-6935943-12" ></div>
<script>
(function(w, d, n, s, t) {
w[n] = w[n] || [];
w[n].push(function() {
Ya.Context.AdvManager.render({
blockId: "R-A-6935943-12",
renderTo: "yandex_rtb_R-A-6935943-12",
async: true
});
});
t = d.getElementsByTagName("script")[0];
s = d.createElement("script");
s.type = "text/javascript";
s.src = "//an.yandex.ru/system/context.js";
s.async = true;
t.parentNode.insertBefore(s, t);
})(this, this.document, "yandexContextAsyncCallbacks");
</script>
<!-- end WP QUADS -->
</div>
</div>
<p></code></code></code></code></code>
</li>
<p><code><code><code></p>
<li>Add the <code><body></code> section. Below the closing <code></head></code> tag and above the closing <code></html></code> tag, add the <code><body></code> (content section) tags. Make sure to close the tag with <code></body><code>.
<div>
<p><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" alt="Image titled Title tag content" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="https://www.wikihow.com/images/thumb/d/d0/Title-tag-content.jpg/460px-Title-tag-content.jpg" /><noscript><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" alt="Image titled Title tag content" src="https://www.wikihow.com/images/thumb/d/d0/Title-tag-content.jpg/460px-Title-tag-content.jpg" /></noscript>
</p>
</div>
<ul>
<li>Optionally, add some 'test' code in the <i>body</i> (or content) section to make sure that you've coded it correctly. If the content shows, it means that the code is parsing (loading). If not, it means that you may have made a typo, or some other thing that is not letting it load.</li>
</ul>
<p></code></code>
</li>
<p></code></code></code></p>
</div>
</ol>
<p><code><code><code></p>
<div>
<h3><span>Adding the Title Tag</span></h3>
</div>
<p></code></code></code></p>
<p> <img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2015%2015'%3E%3C/svg%3E" width="15" height="15" data-lazy-src="https://www.wikihow.com/extensions/wikihow/socialstamp/images/icon-pdf.svg" /><noscript><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" src="https://www.wikihow.com/extensions/wikihow/socialstamp/images/icon-pdf.svg" width="15" height="15" /></noscript><br />
Download Article</p>
</div>
<p><code><code><code></p>
<ol>
<li>Add a <code><title></code> tag in the <i>head</i> (metadata) section.
<div>
<p><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" alt="Image titled Title tag title content" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="https://www.wikihow.com/images/thumb/d/d4/Title-tag-title-content.jpg/460px-Title-tag-title-content.jpg" /><noscript><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" alt="Image titled Title tag title content" src="https://www.wikihow.com/images/thumb/d/d4/Title-tag-title-content.jpg/460px-Title-tag-title-content.jpg" /></noscript>
</p>
</div>
<ul>
<li>Make sure to close the tag with <code></title><code>. These two tags can be on the same line. In between the starting and closing <i>title</i> tags, write what you want your title to say.</code></code>
</li>
</ul>
</li>
</ol>
<p></code></code></code><code><code><code><code><code></p>
<div>
<h3><span>Testing the Code</span></h3>
</p>
<!-- WP QUADS Content Ad Plugin v. 2.0.82 -->
<div class="quads-location quads-ad193937 " id="quads-ad193937" style="float:none;margin:0px 3px 3px 3px;padding:0px 0px 0px 0px;" data-lazydelay="3000">
<!-- WP QUADS - Quick AdSense Reloaded v.2.0.82 Content Yandex async -->
<div id="yandex_rtb_R-A-6935943-13" ></div>
<script>
(function(w, d, n, s, t) {
w[n] = w[n] || [];
w[n].push(function() {
Ya.Context.AdvManager.render({
blockId: "R-A-6935943-13",
renderTo: "yandex_rtb_R-A-6935943-13",
async: true
});
});
t = d.getElementsByTagName("script")[0];
s = d.createElement("script");
s.type = "text/javascript";
s.src = "//an.yandex.ru/system/context.js";
s.async = true;
t.parentNode.insertBefore(s, t);
})(this, this.document, "yandexContextAsyncCallbacks");
</script>
<!-- end WP QUADS -->
</div>
<p> <img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2015%2015'%3E%3C/svg%3E" width="15" height="15" data-lazy-src="https://www.wikihow.com/extensions/wikihow/socialstamp/images/icon-pdf.svg" /><noscript><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" src="https://www.wikihow.com/extensions/wikihow/socialstamp/images/icon-pdf.svg" width="15" height="15" /></noscript><br />
Download Article</p>
</div>
<p></code></code></code></code></code><code><code><code><code><code></p>
<ol>
<li>Save your file to an easily accessible location. Name your file as <code>something.html</code>, replacing <i>something</i> with what you wish. Remember that the <code>index.html</code> file is the 'home' or 'landing' page of your website.
<div>
<p><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" alt="Image titled Title tag save" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="https://www.wikihow.com/images/thumb/8/85/Title-tag-save.jpg/460px-Title-tag-save.jpg" /><noscript><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" alt="Image titled Title tag save" src="https://www.wikihow.com/images/thumb/8/85/Title-tag-save.jpg/460px-Title-tag-save.jpg" /></noscript>
</p>
</div>
</li>
<li>Open your page in your preferred browser. Browsers like Google Chrome, or Mozilla Firefox are good for front-end website development. Go ahead and open your <i>.html</i> file. You can use short keys like <span><kbd><span>⌘</span> Cmd</kbd>+<kbd>O</kbd></span> or <span><kbd>Ctrl</kbd>+<kbd>O</kbd></span> to open the file in most browsers.
<div>
<p><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" alt="Image titled Title tag open" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="https://www.wikihow.com/images/thumb/2/2b/Title-tag-open.jpg/460px-Title-tag-open.jpg" /><noscript><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" alt="Image titled Title tag open" src="https://www.wikihow.com/images/thumb/2/2b/Title-tag-open.jpg/460px-Title-tag-open.jpg" /></noscript>
</p>
</div>
</li>
<li>Look at the top of the tab for your title. If your desired title shows, the code has loaded and worked! If not, and it shows your filename instead (something.html), you may have made a mistake; check your code for typos then try again.
<div>
<p><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" alt="Image titled Title tag view" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="https://www.wikihow.com/images/thumb/2/25/Title-tag-view.jpg/460px-Title-tag-view.jpg" /><noscript><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" alt="Image titled Title tag view" src="https://www.wikihow.com/images/thumb/2/25/Title-tag-view.jpg/460px-Title-tag-view.jpg" /></noscript>
</p>
</div>
</li>
<li>Sit back and admire your work. You've just taken the first step to a fully functional website.</li>
</ol>
<p></code></code></code></code></code><code><code><code><code><code></code></code></code></code></code><code><code><code><code><code></p>
<p></code></code></code></code></code><code><code><code><code><code></code></code></code></code></code><code><code><code><code><code></p>
<table>
<tbody>
<tr>
<td></td>
<td>{{{1}}}
</td>
</tr>
</tbody>
</table>
<p></code></code></code></code></code><code><code><code><code><code></code></code></code></code></code><code><code><code><code><code></p>
<ul>
<li>Learn HTML</li>
<li>Create a Simple Web Page with HTML</li>
<li>Write an HTML Page</li>
<li>Change Text Color in HTML</li>
<li>Use Font Color Tags in HTML</li>
</ul>
<p></code></code></code></code></code><code><code><code><code><code></code></code></code></code></code></p>
</div>
<div>
<div>
<div>
<p>Add New Question</p>
<!-- WP QUADS Content Ad Plugin v. 2.0.82 -->
<div class="quads-location quads-ad193938 " id="quads-ad193938" style="float:none;margin:0px 3px 3px 3px;padding:0px 0px 0px 0px;" data-lazydelay="3000">
<!-- WP QUADS - Quick AdSense Reloaded v.2.0.82 Content Yandex async -->
<div id="yandex_rtb_R-A-6935943-14" ></div>
<script>
(function(w, d, n, s, t) {
w[n] = w[n] || [];
w[n].push(function() {
Ya.Context.AdvManager.render({
blockId: "R-A-6935943-14",
renderTo: "yandex_rtb_R-A-6935943-14",
async: true
});
});
t = d.getElementsByTagName("script")[0];
s = d.createElement("script");
s.type = "text/javascript";
s.src = "//an.yandex.ru/system/context.js";
s.async = true;
t.parentNode.insertBefore(s, t);
})(this, this.document, "yandexContextAsyncCallbacks");
</script>
<!-- end WP QUADS -->
</div>
<ul>
<li>
<div>
<p>Question</p>
<p>How do I insert the first level heading?</p>
<div>
<div>
<div>
<img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2052%2052'%3E%3C/svg%3E" width="52" height="52" loading="lazy" alt="Shehriar Ahmad Awan" data-lazy-src="https://www.wikihow.com/images/avatarOut/b/b3/6025734.jpg?20191223122611" /><noscript><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" src="https://www.wikihow.com/images/avatarOut/b/b3/6025734.jpg?20191223122611" width="52" height="52" loading="lazy" alt="Shehriar Ahmad Awan" /></noscript>
</div>
<div>
<p><span>Shehriar Ahmad Awan</span></p>
<p>Community Answer</p>
</div>
</p></div>
<p>
You can do it using the H1 tag.
</p>
</div>
</p></div>
</li>
</ul>
</div>
<p>Ask a Question</p>
<div>
<p>200 characters left</p>
<p>Include your email address to get a message when this question is answered.</p>
<!-- WP QUADS Content Ad Plugin v. 2.0.82 -->
<div class="quads-location quads-ad193939 " id="quads-ad193939" style="float:none;margin:0px 3px 3px 3px;padding:0px 0px 0px 0px;" data-lazydelay="3000">
<!-- WP QUADS - Quick AdSense Reloaded v.2.0.82 Content Yandex async -->
<div id="yandex_rtb_R-A-6935943-15" ></div>
<script>
(function(w, d, n, s, t) {
w[n] = w[n] || [];
w[n].push(function() {
Ya.Context.AdvManager.render({
blockId: "R-A-6935943-15",
renderTo: "yandex_rtb_R-A-6935943-15",
async: true
});
});
t = d.getElementsByTagName("script")[0];
s = d.createElement("script");
s.type = "text/javascript";
s.src = "//an.yandex.ru/system/context.js";
s.async = true;
t.parentNode.insertBefore(s, t);
})(this, this.document, "yandexContextAsyncCallbacks");
</script>
<!-- end WP QUADS -->
</div>
<p>Submit
</p>
</div>
</div>
<p>Advertisement</p>
</div>
<div>
<p>
Thanks for submitting a tip for review!
</p>
</div>
</div>
</div>
<div>
<div>
<h2><span>About This Article</span></h2>
</p></div>
<div>
<p>Thanks to all authors for creating a page that has been read 55,086 times.</p>
</div>
</div>
<div>
<h2><span>Is this article up to date?</span></h2>
</div>
</div>
<div class="source-url"><a href="https://www.wikihow.com/Set-a-Title-in-HTML" rel="noopener" target="_blank">Источник</a></div>
<div>
<article>
<div>
<ul>
<li>HTML-элемент <head></li>
<li>HTML-элемент <title></li>
<li>HTML-элемент <style></li>
<li>HTML-элемент <link></li>
<li>HTML-элемент <meta></li>
<li>Настройка области просмотра</li>
<li>HTML-элемент <script></li>
<li>HTML-элемент <base></li>
<li>Опускаем <html>, <head> и <body>?</li>
<li>Пример, как сделать шапку сайта HTML</li>
<li>Элементы HTML Head</li>
</ul>
</div>
<p>Шапка сайта HTML является контейнером для метаданных, который размещается между тегами <html> и <body>. Метаданные – это информация о <span>HTML-документе</span>. Они не выводятся на страницу.</p>
<p>Метаданные определяют заголовок документа, кодировку, стилизацию, а также используются для размещения ссылок и другой информации.</p>
<p>К метаданным относятся следующие теги: <title>, <style>, <meta>, <link>, <script>, и <base>.</p>
<p>Тег <title> отвечает за заголовок документа, и обязателен для всех документов <span>HTML/XHTML</span>.</p>
<p>Элемент <title>:</p>
<!-- WP QUADS Content Ad Plugin v. 2.0.82 -->
<div class="quads-location quads-ad193940 " id="quads-ad193940" style="float:none;margin:0px 3px 3px 3px;padding:0px 0px 0px 0px;" data-lazydelay="3000">
<!-- WP QUADS - Quick AdSense Reloaded v.2.0.82 Content Yandex async -->
<div id="yandex_rtb_R-A-6935943-16" ></div>
<script>
(function(w, d, n, s, t) {
w[n] = w[n] || [];
w[n].push(function() {
Ya.Context.AdvManager.render({
blockId: "R-A-6935943-16",
renderTo: "yandex_rtb_R-A-6935943-16",
async: true
});
});
t = d.getElementsByTagName("script")[0];
s = d.createElement("script");
s.type = "text/javascript";
s.src = "//an.yandex.ru/system/context.js";
s.async = true;
t.parentNode.insertBefore(s, t);
})(this, this.document, "yandexContextAsyncCallbacks");
</script>
<!-- end WP QUADS -->
</div>
<ul>
<li>Задаёт заголовок вкладки в браузере;</li>
<li>Задаёт заголовок страницы, добавленной в «<span>Избранное</span>»;</li>
<li>Выводит заголовок страницы в выдаче поисковой системы.</li>
</ul>
<p><span>Пример:</span></p>
<div>
<pre><!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
Содержимое документа…
</body>
</html></pre>
</div>
<p><span>Посмотреть демо</span></p>
<p>Перед тем, как сделать шапку сайта <span>HTML</span>, нужно знать, что тег <style> используется для стилизации отдельной веб-страницы:</p>
<p><span>Пример:</span></p>
<div>
<pre><style>
body {background-color: powderblue;}
h1 {color: red;}
p {color: blue;}
</style></pre>
</div>
<p><span>Посмотреть демо</span></p>
<p>Элемент <link> предназначен для указания ссылок на внешние файлы <span>CSS</span>.</p>
<p><span>Пример:</span></p>
<div>
<pre><link rel="stylesheet" href="mystyle.css"></pre>
</div>
<p><span>Посмотреть демо</span></p>
<p>Перед тем, <span>как написать шапку сайта в HTML</span>, помните, что <meta> используется для указания кодировки, описания страницы, перечисления ключевых слов, автора материала и других метаданных.</p>
<p>Метаданные используются браузерами как инструкция по выводу данных, поисковыми системами (<span>ключевые слова</span>), а также другими веб-сервисами.</p>
<!-- WP QUADS Content Ad Plugin v. 2.0.82 -->
<div class="quads-location quads-ad193941 " id="quads-ad193941" style="float:none;margin:0px 3px 3px 3px;padding:0px 0px 0px 0px;" data-lazydelay="3000">
<!-- WP QUADS - Quick AdSense Reloaded v.2.0.82 Content Yandex async -->
<div id="yandex_rtb_R-A-6935943-17" ></div>
<script>
(function(w, d, n, s, t) {
w[n] = w[n] || [];
w[n].push(function() {
Ya.Context.AdvManager.render({
blockId: "R-A-6935943-17",
renderTo: "yandex_rtb_R-A-6935943-17",
async: true
});
});
t = d.getElementsByTagName("script")[0];
s = d.createElement("script");
s.type = "text/javascript";
s.src = "//an.yandex.ru/system/context.js";
s.async = true;
t.parentNode.insertBefore(s, t);
})(this, this.document, "yandexContextAsyncCallbacks");
</script>
<!-- end WP QUADS -->
</div>
<p>Определяем используемую кодировку:</p>
<p>Вносим описание веб-страницы:</p>
<div>
<pre><meta name="description" content="Free Web tutorials"></pre>
</div>
<p>Указываем ключевые слова для поисковых систем:</p>
<div>
<pre><meta name="keywords" content="HTML, CSS, XML, JavaScript"></pre>
</div>
<p>Указываем автора материала:</p>
<div>
<pre><meta name="author" content="John Doe"></pre>
</div>
<p>С помощью шапки сайта и ее <span>HTML кода</span> устанавливаем обновление страницы каждые 30 секунд:</p>
<div>
<pre><meta http-equiv="refresh" content="30"></pre>
</div>
<p>Пример метатегов:</p>
<p><span>Пример:</span></p>
<div>
<pre><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"></pre>
</div>
<p><span>Посмотреть демо</span></p>
<p>В <span>HTML5</span> с помощью тега <meta> можно контролировать область просмотра (<span><span>viewport</span></span>) в окне браузера.</p>
<p>Область просмотра – это часть веб-страницы, видимая для пользователей. Она может отличаться в зависимости от используемого устройства – то есть, на мобильных устройствах она будет меньше, чем на ПК:</p>
<!-- WP QUADS Content Ad Plugin v. 2.0.82 -->
<div class="quads-location quads-ad193942 " id="quads-ad193942" style="float:none;margin:0px 3px 3px 3px;padding:0px 0px 0px 0px;" data-lazydelay="3000">
<!-- WP QUADS - Quick AdSense Reloaded v.2.0.82 Content Yandex async -->
<div id="yandex_rtb_R-A-6935943-18" ></div>
<script>
(function(w, d, n, s, t) {
w[n] = w[n] || [];
w[n].push(function() {
Ya.Context.AdvManager.render({
blockId: "R-A-6935943-18",
renderTo: "yandex_rtb_R-A-6935943-18",
async: true
});
});
t = d.getElementsByTagName("script")[0];
s = d.createElement("script");
s.type = "text/javascript";
s.src = "//an.yandex.ru/system/context.js";
s.async = true;
t.parentNode.insertBefore(s, t);
})(this, this.document, "yandexContextAsyncCallbacks");
</script>
<!-- end WP QUADS -->
</div>
<div>
<pre><meta name="viewport" content="width=device-width, initial-scale=1.0"></pre>
</div>
<p>Этот элемент <span>шапки сайта HTML</span> даёт браузеру инструкции о размерах области просмотра.</p>
<p>Фрагмент <span>width=device-width</span> отвечает за ширину страницы, которая должна соответствовать ширине экрана устройства.</p>
<p>Фрагмент <span>initial-scale=1.0</span> устанавливает исходный уровень увеличения при загрузке страницы в браузере.</p>
<p>Взгляните на пример веб-страницы без метатега <span>viewport</span>, и той же страницы с указанным тегом <span>viewport</span>.</p>
<p><span>Совет:</span> если вы читаете статью на смартфоне или планшете, можете перейти по ссылкам, приведённым под картинками:</p>
<p><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Настройка области просмотра" data-lazy-src="https://www.internet-technologies.ru/wp-content/uploads/articles/201704/imgviewport1-060939.png" /><noscript><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" src="https://www.internet-technologies.ru/wp-content/uploads/articles/201704/imgviewport1-060939.png" alt="Настройка области просмотра" /></noscript></p>
<p><span>Пример без метатега viewport</span></p>
<p><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Настройка области просмотра - 2" data-lazy-src="https://www.internet-technologies.ru/wp-content/uploads/articles/201704/imgviewport2-060940.png" /><noscript><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" src="https://www.internet-technologies.ru/wp-content/uploads/articles/201704/imgviewport2-060940.png" alt="Настройка области просмотра - 2" /></noscript></p>
<p><span>Пример с метатегом viewport</span></p>
<p>Тег шапки сайта <span>HTML CSS</span> позволяет выполнять код <span>JavaScript</span> на стороне клиента. В примере ниже <span>Javascript</span> выводит «<span><span>Hello JavaScript!</span></span>» в <span>HTML-элемент через id=»demo»</span>:</p>
<!-- WP QUADS Content Ad Plugin v. 2.0.82 -->
<div class="quads-location quads-ad193943 " id="quads-ad193943" style="float:none;margin:0px 3px 3px 3px;padding:0px 0px 0px 0px;" data-lazydelay="3000">
<!-- WP QUADS - Quick AdSense Reloaded v.2.0.82 Content Yandex async -->
<div id="yandex_rtb_R-A-6935943-19" ></div>
<script>
(function(w, d, n, s, t) {
w[n] = w[n] || [];
w[n].push(function() {
Ya.Context.AdvManager.render({
blockId: "R-A-6935943-19",
renderTo: "yandex_rtb_R-A-6935943-19",
async: true
});
});
t = d.getElementsByTagName("script")[0];
s = d.createElement("script");
s.type = "text/javascript";
s.src = "//an.yandex.ru/system/context.js";
s.async = true;
t.parentNode.insertBefore(s, t);
})(this, this.document, "yandexContextAsyncCallbacks");
</script>
<!-- end WP QUADS -->
</div>
<p><span>Пример:</span></p>
<div>
<pre><script>
function myFunction {
document.getElementById("demo").innerHTML = "Hello JavaScript!";
}
</script></pre>
</div>
<p><span>Посмотреть демо</span></p>
<p>Элемент определяет базовый <span>URL</span> и цель для всех ссылок на странице:</p>
<p><span>Пример:</span></p>
<div>
<pre><base href="https://www.w3schools.com/images/" target="_blank"></pre>
</div>
<p><span>Посмотреть демо</span></p>
<p>Согласно стандарту <span>HTML5</span>, теги <html>, <body> и <head> можно опустить.</p>
<div>
<pre><!DOCTYPE html>
<title>Page Title</title>
<h1>This is a heading</h1>
<p>This is a paragraph.</p></pre>
</div>
<p><span>Посмотреть демо</span></p>
<p><span>Примечание:</span> Мы не рекомендуем опускать теги <html> и <body>. Это может негативно сказаться на работе <span>DOM</span> и <span>XML</span>, а также вызвать ошибки отображения веб-страниц в устаревших браузерах (<span>например, <span>IE9</span></span>).</p>
<ul>
<li><head> Предоставляет информацию о документе.</li>
<li><title> Задаёт заголовок документа.</li>
<li><base> Определяет основной адрес и цель для всех ссылок на странице.</li>
<li><link> Отвечает за связь между документом и внешними ресурсами.</li>
<li><meta> Определяет метаданные документа.</li>
<li><script> Позволяет использовать скрипты на стороне клиента.</li>
<li><style> Определяет стилизацию документа.</li>
</ul>
</article>
</div>
<div class="source-url"><a href="https://www.internet-technologies.ru/articles/zagolovok-html-stranicy.html" rel="noopener" target="_blank">Источник</a></div>
<div>
<div> <main> </p>
<div>
<article>
<h2>Как изменить название сайта на странице</h2>
<p>Помимо URL, каждая страница на сайте имеет имя, которое высвечивается в заголовке вкладки браузера, а когда эта вкладка активна — и в заголовке окна. Помимо этого, при вставке ссылки на другую страницу можно сделать так, чтобы посетитель вашего сайта видел не ее URL, а произвольно заданную вебмастером строку.</p>
<!-- WP QUADS Content Ad Plugin v. 2.0.82 -->
<div class="quads-location quads-ad193944 " id="quads-ad193944" style="float:none;margin:0px 3px 3px 3px;padding:0px 0px 0px 0px;" data-lazydelay="3000">
<!-- WP QUADS - Quick AdSense Reloaded v.2.0.82 Content Yandex async -->
<div id="yandex_rtb_R-A-6935943-20" ></div>
<script>
(function(w, d, n, s, t) {
w[n] = w[n] || [];
w[n].push(function() {
Ya.Context.AdvManager.render({
blockId: "R-A-6935943-20",
renderTo: "yandex_rtb_R-A-6935943-20",
async: true
});
});
t = d.getElementsByTagName("script")[0];
s = d.createElement("script");
s.type = "text/javascript";
s.src = "//an.yandex.ru/system/context.js";
s.async = true;
t.parentNode.insertBefore(s, t);
})(this, this.document, "yandexContextAsyncCallbacks");
</script>
<!-- end WP QUADS -->
</div>
<div>
<p><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" alt="Как изменить название сайта на странице" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="https://st03.kakprosto.ru/tumb/680/images/article/2012/2/18/1_52552dfd5d1d452552dfd5d211.jpg" /><noscript><img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" alt="Как изменить название сайта на странице" src="https://st03.kakprosto.ru/tumb/680/images/article/2012/2/18/1_52552dfd5d1d452552dfd5d211.jpg" /></noscript> </p>
</div>
<div>
<div>
<p>Инструкция</p>
<div>
<p>Если вы являетесь владельцем сайта и желаете изменить заголовок той или иной страницы, входящей в его состав, и при этом все страницы на нем являются статическими (система управления содержимым (CMS) отсутствует), откройте HTML-файл с этой страницей в текстовом редакторе. Правильно выберите кодировку файла, при необходимости используйте редактор, допускающий переключение кодировок, либо встроенный редактор хостинга, открывающийся прямо в браузере. Найдите в HTML-коде строку следующего вида:<title>Имя страницы, отображающееся в заголовке вкладки и окна</title>Замените строку на другую, поместите на сервер обновленный вариант HTML-файла, а затем перезагрузите страницу в браузере. Если ничего не изменилось, очистите кеш браузера, после чего снова перезагрузите страницу.</p>
</div>
<div>
<p>На сайтах, работающих под управлением системы управления содержимым (CMS), HTML-файлы генерируются автоматически всякий раз, когда их запрашивает посетитель. Заголовки всех страниц хранятся в базе данных. Найдите в базе соответствующую запись (как это сделать — зависит от того, какой CMS вы пользуетесь). Измените строку, введенную в поле для заголовка этой страницы, после чего сохраните ее. Если сайт работает на «движке» MediaWiki или подобном, войдите в свою учетную запись, после чего нажмите на странице на ссылку «Переименовать». Введите новое имя страницы и сохраните изменения.</p>
</div>
<div>
<p>В случае если вы желаете, чтобы ссылка на другую страницу, расположенная на вашем сайте, имела вид, отличающийся от URL этой страницы, используйте следующую HTML-конструкцию:<a href=http://server.domain/folder/another-folder/page.html>Это — ссылка на другую страницу!</a>При наведении на такую ссылку курсора мыши пользователь увидит в левом нижнем углу браузера URL, на который эта ссылка ведет. Если другая страница находится на том же сервере, вместо полного пути к ней можно ввести просто имя файла.</p>
</div>
<div>
<p>Для размещения ссылки со строкой, отличающейся от URL страницы, в форуме, поддерживающем теги с квадратными скобками, используйте другую конструкцию:[URL=http://server.domain/folder/another-folder/page.html]Это — ссылка на другую страницу![/URL]При включении такой ссылки в состав кода на языке разметки Wiki видоизмените эту конструкцию так:[http://server.domain/folder/another-folder/page.html Это — ссылка на другую страницу!]Если же страница, на которую вы ссылаетесь, входит в состав того же вики-проекта, сослаться на нее можно по-другому:[[Страницаномер4|Эта ссылка ведет на страницу номер 4]]Обратите внимание: в первых двух примерах в этом шаге квадратные скобки одинарные, а в третьем — двойные.</p>
</div>
</p></div>
<div>
<p>Видео по теме</p>
</div>
</p></div>
</article>
<ul> </ul>
</p>
<!-- WP QUADS Content Ad Plugin v. 2.0.82 -->
<div class="quads-location quads-ad193945 " id="quads-ad193945" style="float:none;margin:0px 3px 3px 3px;padding:0px 0px 0px 0px;" data-lazydelay="3000">
<!-- WP QUADS - Quick AdSense Reloaded v.2.0.82 Content Yandex async -->
<div id="yandex_rtb_R-A-6935943-21" ></div>
<script>
(function(w, d, n, s, t) {
w[n] = w[n] || [];
w[n].push(function() {
Ya.Context.AdvManager.render({
blockId: "R-A-6935943-21",
renderTo: "yandex_rtb_R-A-6935943-21",
async: true
});
});
t = d.getElementsByTagName("script")[0];
s = d.createElement("script");
s.type = "text/javascript";
s.src = "//an.yandex.ru/system/context.js";
s.async = true;
t.parentNode.insertBefore(s, t);
})(this, this.document, "yandexContextAsyncCallbacks");
</script>
<!-- end WP QUADS -->
</div>
<!-- WP QUADS Content Ad Plugin v. 2.0.82 -->
<div class="quads-location quads-ad193946 " id="quads-ad193946" style="float:none;margin:0px 3px 3px 3px;padding:0px 0px 0px 0px;" data-lazydelay="3000">
<!-- WP QUADS - Quick AdSense Reloaded v.2.0.82 Content Yandex async -->
<div id="yandex_rtb_R-A-6935943-22" ></div>
<script>
(function(w, d, n, s, t) {
w[n] = w[n] || [];
w[n].push(function() {
Ya.Context.AdvManager.render({
blockId: "R-A-6935943-22",
renderTo: "yandex_rtb_R-A-6935943-22",
async: true
});
});
t = d.getElementsByTagName("script")[0];
s = d.createElement("script");
s.type = "text/javascript";
s.src = "//an.yandex.ru/system/context.js";
s.async = true;
t.parentNode.insertBefore(s, t);
})(this, this.document, "yandexContextAsyncCallbacks");
</script>
<!-- end WP QUADS -->
</div>
</div>
<p> </main> </p>
<div>
<p>Войти на сайт</p>
<p>или</p>
<p><i>Забыли пароль?</i><br /> <i>Еще не зарегистрированы?</i></p>
<div>
<p><small> This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply. </small> </p>
</div></div>
</p></div>
</div>
<div class="source-url"><a href="https://www.kakprosto.ru/kak-114402-kak-izmenit-nazvanie-sayta-na-stranice" rel="noopener" target="_blank">Источник</a></div>
</p>
<!-- WP QUADS Content Ad Plugin v. 2.0.82 -->
<div class="quads-location quads-ad193928 " id="quads-ad193928" style="float:none;margin:0px 3px 3px 3px;padding:0px 0px 0px 0px;" data-lazydelay="3000">
<!-- WP QUADS - Quick AdSense Reloaded v.2.0.82 Content Yandex async -->
<div id="yandex_rtb_R-A-6935943-4" ></div>
<script>
(function(w, d, n, s, t) {
w[n] = w[n] || [];
w[n].push(function() {
Ya.Context.AdvManager.render({
blockId: "R-A-6935943-4",
renderTo: "yandex_rtb_R-A-6935943-4",
async: true
});
});
t = d.getElementsByTagName("script")[0];
s = d.createElement("script");
s.type = "text/javascript";
s.src = "//an.yandex.ru/system/context.js";
s.async = true;
t.parentNode.insertBefore(s, t);
})(this, this.document, "yandexContextAsyncCallbacks");
</script>
<!-- end WP QUADS -->
</div>
</div><!-- .entry-content -->
</article><!-- #post-## -->
<div class="entry-footer">
</div>
<div class="b-share b-share--post">
<div class="b-share__title">Понравилась статья? Поделить с друзьями:</div>
<span class="b-share__ico b-share__vk js-share-link" data-uri="http://vk.com/share.php?url=https%3A%2F%2Foshibkis.ru%2Fkak-izmenit-nazvanie-straniczy-html%2F"></span>
<span class="b-share__ico b-share__fb js-share-link" data-uri="http://www.facebook.com/sharer.php?u=https%3A%2F%2Foshibkis.ru%2Fkak-izmenit-nazvanie-straniczy-html%2F"></span>
<span class="b-share__ico b-share__tw js-share-link" data-uri="http://twitter.com/share?text=%D0%9A%D0%B0%D0%BA+%D0%B8%D0%B7%D0%BC%D0%B5%D0%BD%D0%B8%D1%82%D1%8C+%D0%BD%D0%B0%D0%B7%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5+%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D1%8B+html&url=https%3A%2F%2Foshibkis.ru%2Fkak-izmenit-nazvanie-straniczy-html%2F"></span>
<span class="b-share__ico b-share__ok js-share-link" data-uri="https://connect.ok.ru/dk?st.cmd=WidgetSharePreview&service=odnoklassniki&st.shareUrl=https%3A%2F%2Foshibkis.ru%2Fkak-izmenit-nazvanie-straniczy-html%2F"></span>
<span class="b-share__ico b-share__gp js-share-link" data-uri="https://plus.google.com/share?url=https%3A%2F%2Foshibkis.ru%2Fkak-izmenit-nazvanie-straniczy-html%2F"></span>
<span class="b-share__ico b-share__whatsapp js-share-link js-share-link-no-window" data-uri="whatsapp://send?text=%D0%9A%D0%B0%D0%BA+%D0%B8%D0%B7%D0%BC%D0%B5%D0%BD%D0%B8%D1%82%D1%8C+%D0%BD%D0%B0%D0%B7%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5+%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D1%8B+html%20https%3A%2F%2Foshibkis.ru%2Fkak-izmenit-nazvanie-straniczy-html%2F"></span>
<span class="b-share__ico b-share__viber js-share-link js-share-link-no-window" data-uri="viber://forward?text=%D0%9A%D0%B0%D0%BA+%D0%B8%D0%B7%D0%BC%D0%B5%D0%BD%D0%B8%D1%82%D1%8C+%D0%BD%D0%B0%D0%B7%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5+%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D1%8B+html%20https%3A%2F%2Foshibkis.ru%2Fkak-izmenit-nazvanie-straniczy-html%2F"></span>
<span class="b-share__ico b-share__telegram js-share-link js-share-link-no-window" data-uri="https://telegram.me/share/url?url=https%3A%2F%2Foshibkis.ru%2Fkak-izmenit-nazvanie-straniczy-html%2F&text=%D0%9A%D0%B0%D0%BA+%D0%B8%D0%B7%D0%BC%D0%B5%D0%BD%D0%B8%D1%82%D1%8C+%D0%BD%D0%B0%D0%B7%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5+%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D1%8B+html"></span>
</div>
<meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://oshibkis.ru/kak-izmenit-nazvanie-straniczy-html/"/>
<meta itemprop="dateModified" content="2023-02-10"/>
<meta itemprop="datePublished" content="2023-02-10T17:40:27+03:00"/>
<li class='li1'><a href='https://oshibkis.ru/kak-izmenit-nazvanie-stolbcza-pandas/' title='Как изменить название столбца пандас'>Как изменить название столбца пандас</a></li>
<li class='li2'><a href='https://oshibkis.ru/kak-izmenit-nazvanie-stolbcza-mysql/' title='Как изменить название столбца mysql'>Как изменить название столбца mysql</a></li>
<li class='li1'><a href='https://oshibkis.ru/kak-izmenit-nazvanie-stolbcza-datagridview/' title='Как изменить название столбца datagridview'>Как изменить название столбца datagridview</a></li>
<li class='li2'><a href='https://oshibkis.ru/kak-izmenit-nakladnye-resniczy/' title='Как изменить накладные ресницы'>Как изменить накладные ресницы</a></li>
<li class='li1'><a href='https://oshibkis.ru/kak-izmenit-naimenovanie-yuridicheskogo-licza/' title='Как изменить наименование юридического лица'>Как изменить наименование юридического лица</a></li><br>
<!-- uSocial -->
<script async src="https://usocial.pro/usocial/usocial.js?uid=a1256cb493f50962&v=6.1.5" data-script="usocial" charset="utf-8"></script>
<div class="uSocial-Share" data-pid="b82f370cbc937c2761b6f81cf70bd6bc" data-type="share" data-options="round-rect,style1,default,absolute,horizontal,size24,eachCounter1,counter0,nomobile,mobile_position_right" data-social="vk,ok,mail,fb,twi,telegram,wa"></div>
<!-- /uSocial -->
<br>
</main><!-- #main -->
</div><!-- #primary -->
</div><!-- micro -->
<aside id="secondary" class="widget-area" itemscope itemtype="http://schema.org/WPSideBar">
<div id="search-2" class="widget widget_search"><div class="widget-header">Быстрый поиск по сайту</div>
<form role="search" method="get" id="searchform" action="https://oshibkis.ru/" class="search-form">
<label class="screen-reader-text" for="s">Поиск: </label>
<input type="text" value="" name="s" id="s" class="search-form__text">
<button type="submit" id="searchsubmit" class="search-form__submit"></button>
</form></div><div id="shortcode-widget-2" class="widget shortcode_widget"><div class="widget-header">Новые статьи</div> <div class="textwidget"><div class="textwidget custom-html-widget">
<style>
img.animate1:hover {
filter: alpha (Opacity=85);/* прозрачность для IE */
opacity: 0.85;/* прозрачность для других браузеров */
}
</style>
<div class="swiper-slidee">
<a href="/prichiny-poyavleniya-yuridicheskih-oshibok/">
<center><div class="card-sliderr__image">
<img class="animate1" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Причины появления юридических ошибок" data-pin-no-hover="true" style="border-radius: 15px"; data-lazy-src="/wp-content/uploads/2023/02/1-1.jpeg"><noscript><img class="animate1" src="/wp-content/uploads/2023/02/1-1.jpeg" alt="Причины появления юридических ошибок" data-pin-no-hover="true" style="border-radius: 15px";></noscript></div></center>
<div class="card-slider__body"> <div class="card-slider__body-inner">
<center><div class="card-slider__title">Причины появления юридических ошибок</div></center>
</div>
</div>
</a>
</div><br><br>
<div class="swiper-slidee">
<a href="/preduprezhdenie-grammaticheskih-oshibok-na-sintaksicheskom-urovne-metodika-raboty-nad-nimi/">
<center><div class="card-sliderr__image">
<img class="animate1" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Предупреждение грамматических ошибок на синтаксическом уровне" data-pin-no-hover="true" style="border-radius: 15px" data-lazy-src="/wp-content/uploads/2023/02/2-1.jpeg"><noscript><img class="animate1" src="/wp-content/uploads/2023/02/2-1.jpeg" alt="Предупреждение грамматических ошибок на синтаксическом уровне" data-pin-no-hover="true" style="border-radius: 15px"></noscript></div></center>
<div class="card-slider__body"> <div class="card-slider__body-inner">
<center><div class="card-slider__title">Предупреждение грамматических ошибок на синтаксическом уровне</div></center>
</div>
</div>
</a>
</div><br><br>
<div class="swiper-slidee">
<a href="/kak-skinut-oshibku-na-printere-canon/">
<center><div class="card-sliderr__image">
<img class="animate1" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Как скинуть ошибку на принтере canon" data-pin-no-hover="true" style="border-radius: 15px" data-lazy-src="/wp-content/uploads/2023/02/3-1.jpeg"><noscript><img class="animate1" src="/wp-content/uploads/2023/02/3-1.jpeg" alt="Как скинуть ошибку на принтере canon" data-pin-no-hover="true" style="border-radius: 15px"></noscript></div></center>
<div class="card-slider__body"> <div class="card-slider__body-inner">
<center><div class="card-slider__title">Как скинуть ошибку на принтере canon</div></center>
</div>
</div>
</a>
</div>
</div></div>
</div><div id="custom_html-3" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><!-- Yandex.RTB -->
<script>window.yaContextCb=window.yaContextCb||[]</script>
<script src="https://yandex.ru/ads/system/context.js" async></script>
<!-- Yandex.RTB R-A-6935943-1 -->
<div id="yandex_rtb_R-A-6935943-1"></div>
<script>
window.yaContextCb.push(()=>{
Ya.Context.AdvManager.render({
"blockId": "R-A-6935943-1",
"renderTo": "yandex_rtb_R-A-6935943-1"
})
})
</script></div></div>
</aside><!-- #secondary -->
</div><!-- #content -->
<div class="footer-navigation container">
<div class="main-navigation-inner ">
<div class="menu-niz-container"><ul id="footer_menu" class="menu"><li id="menu-item-41" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-41"><a href="https://oshibkis.ru/pravoobladatelyam/">Правообладателям</a></li>
<li id="menu-item-42" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-42"><a href="https://oshibkis.ru/politika-konfidentsialnosti/">Политика конфиденциальности</a></li>
<li id="menu-item-66" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-66"><a href="https://oshibkis.ru/politika-cookies/">Политика cookies</a></li>
</ul></div> </div>
</div>
<footer class="site-footer container" itemscope itemtype="http://schema.org/WPFooter">
<div class="site-footer-inner ">
<button type="button" class="scrolltop js-scrolltop"></button>
<div class="footer-info">
© 2024 Исправление ошибок и поиск оптимальных решений проблем
<div class="footer-text">Внимание! Информация, опубликованная на сайте, носит исключительно ознакомительный характер и не является рекомендацией к применению.
Часть материалов предоставлена пользователями и посетителями сайта.
Администрация не несет ответственности за их содержание.</div> </div><!-- .site-info -->
<div class="footer-counters">
</div>
</div><!-- .site-footer-inner -->
</footer><!-- .site-footer -->
</div><!-- #page -->
<script>var pseudo_links = document.querySelectorAll(".pseudo-clearfy-link");for (var i=0;i<pseudo_links.length;i++ ) { pseudo_links[i].addEventListener("click", function(e){ window.open( e.target.getAttribute("data-uri") ); }); }</script><script type="text/javascript" src="https://oshibkis.ru/wp-content/plugins/contact-form-7/includes/swv/js/index.js" id="swv-js"></script>
<script type="text/javascript" id="contact-form-7-js-extra">
/* <![CDATA[ */
var wpcf7 = {"api":{"root":"https:\/\/oshibkis.ru\/wp-json\/","namespace":"contact-form-7\/v1"}};
/* ]]> */
</script>
<script type="text/javascript" src="https://oshibkis.ru/wp-content/plugins/contact-form-7/includes/js/index.js" id="contact-form-7-js"></script>
<script type="text/javascript" src="https://oshibkis.ru/wp-content/themes/root/js/scripts.js" id="root-scripts-js"></script>
<script type="text/javascript" src="https://oshibkis.ru/wp-includes/js/comment-reply.min.js" id="comment-reply-js" async="async" data-wp-strategy="async"></script>
<script type="text/javascript" id="q2w3_fixed_widget-js-extra">
/* <![CDATA[ */
var q2w3_sidebar_options = [{"sidebar":"sidebar-1","use_sticky_position":false,"margin_top":0,"margin_bottom":0,"stop_elements_selectors":"","screen_max_width":0,"screen_max_height":0,"widgets":["#custom_html-3"]}];
/* ]]> */
</script>
<script type="text/javascript" src="https://oshibkis.ru/wp-content/plugins/q2w3-fixed-widget/js/frontend.min.js" id="q2w3_fixed_widget-js"></script>
<script type="text/javascript" src="https://oshibkis.ru/wp-content/plugins/quick-adsense-reloaded/assets/js/ads.js" id="quads-ads-js"></script>
<script>window.lazyLoadOptions = {
elements_selector: "img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",
data_src: "lazy-src",
data_srcset: "lazy-srcset",
data_sizes: "lazy-sizes",
class_loading: "lazyloading",
class_loaded: "lazyloaded",
threshold: 300,
callback_loaded: function(element) {
if ( element.tagName === "IFRAME" && element.dataset.rocketLazyload == "fitvidscompatible" ) {
if (element.classList.contains("lazyloaded") ) {
if (typeof window.jQuery != "undefined") {
if (jQuery.fn.fitVids) {
jQuery(element).parent().fitVids();
}
}
}
}
}};
window.addEventListener('LazyLoad::Initialized', function (e) {
var lazyLoadInstance = e.detail.instance;
if (window.MutationObserver) {
var observer = new MutationObserver(function(mutations) {
var image_count = 0;
var iframe_count = 0;
var rocketlazy_count = 0;
mutations.forEach(function(mutation) {
for (i = 0; i < mutation.addedNodes.length; i++) {
if (typeof mutation.addedNodes[i].getElementsByTagName !== 'function') {
return;
}
if (typeof mutation.addedNodes[i].getElementsByClassName !== 'function') {
return;
}
images = mutation.addedNodes[i].getElementsByTagName('img');
is_image = mutation.addedNodes[i].tagName == "IMG";
iframes = mutation.addedNodes[i].getElementsByTagName('iframe');
is_iframe = mutation.addedNodes[i].tagName == "IFRAME";
rocket_lazy = mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');
image_count += images.length;
iframe_count += iframes.length;
rocketlazy_count += rocket_lazy.length;
if(is_image){
image_count += 1;
}
if(is_iframe){
iframe_count += 1;
}
}
} );
if(image_count > 0 || iframe_count > 0 || rocketlazy_count > 0){
lazyLoadInstance.update();
}
} );
var b = document.getElementsByTagName("body")[0];
var config = { childList: true, subtree: true };
observer.observe(b, config);
}
}, false);</script><script data-no-minify="1" async src="https://oshibkis.ru/wp-content/plugins/rocket-lazy-load/assets/js/16.1/lazyload.min.js"></script>
<style>
@media only screen
and (min-device-width : 320px)
and (max-device-width : 1199px){ .flat_ads_block { display: none; }}
</style>
<!-- <div class="flat_ads_block" style="width: 300px; height: 250px;" id="flat_ads_block_id_1">
<div class="flat_slide_cross"></div>
<div class="wrap_flat_ads_block">
<div class="dvxtm5d4ae5adba5b5" >
<!-- Yandex.RTB -->
<!-- <script>window.yaContextCb=window.yaContextCb||[]</script>
<script src="https://yandex.ru/ads/system/context.js" async></script>
<!-- Yandex.RTB R-A-2358299-1 -->
<!-- <div id="yandex_rtb_R-A-2358299-1"></div>
<script>window.yaContextCb.push(()=>{
Ya.Context.AdvManager.render({
renderTo: 'yandex_rtb_R-A-2358299-1',
blockId: 'R-A-2358299-1'
})
})</script></div><style type="text/css">
@media screen and (min-width: 1201px) {
.dvxtm5d4ae5adba5b5 {
display: block;
}
}
@media screen and (min-width: 993px) and (max-width: 1200px) {
.dvxtm5d4ae5adba5b5 {
display: block;
}
}
@media screen and (min-width: 769px) and (max-width: 992px) {
.dvxtm5d4ae5adba5b5 {
display: block;
}
}
@media screen and (min-width: 768px) and (max-width: 768px) {
.dvxtm5d4ae5adba5b5 {
display: block;
}
}
@media screen and (max-width: 767px) {
.dvxtm5d4ae5adba5b5 {
display: block;
}
}
</style>
</div>
</div>
<!-- было скрыто script type="text/javascript">
$(document).ready(function() {
console.log('ready');
$(window).on('scroll', function(){
if($(this).scrollTop() > 1000){
$('#flat_ads_block_id_1').addClass('left_slide_flat_panel');
} else {
$('#flat_ads_block_id_1').removeClass('left_slide_flat_panel');
}
});
});
</script было скрыто -->
<!-- <style>
#flat_ads_block_id_1 {
position: fixed;
right: calc(100% + 22px);
bottom: 0px;
transform-origin: center;
transform: translateX(0);
transition: all 0.3s ease;
z-index: 998;
}
#flat_ads_block_id_1.left_slide_flat_panel {
transform: translateX(calc(100% + 22px));
}
#flat_ads_block_id_1 .flat_slide_cross {
position: absolute;
width: 22px;
height: 22px;
top: -22px;
right: -10px;
z-index: 1;
background: #000 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB2aWV3Qm94PSIwIDAgMTc1LjAwMDAwMCAxNzYuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+CjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLDE3Ni4wMDAwMDApIHNjYWxlKDAuMTAwMDAwLC0wLjEwMDAwMCkiCmZpbGw9IiNmZmYiIHN0cm9rZT0ibm9uZSI+CjxwYXRoIGQ9Ik02MzIgMTEyOCBsLTYyIC02MyA5MSAtOTEgOTEgLTkxIC05MSAtOTUgLTkwIC05NSA2NSAtNjQgNjQgLTY0IDkyCjkzIDkzIDkyIDkyIC05MiA5MyAtOTIgNjAgNTkgYzMzIDMzIDYwIDY0IDYwIDY5IDAgNiAtMzkgNTAgLTg3IDk4IGwtODggODgKODggODggYzQ4IDQ4IDg3IDkyIDg3IDk4IDAgMTIgLTExMiAxMjQgLTEyNSAxMjQgLTUgMCAtNDkgLTM5IC05NyAtODcgbC04OAotODggLTg4IDg4IGMtNDggNDggLTkwIDg3IC05MiA4NyAtMyAwIC0zMyAtMjggLTY4IC02MnoiLz4KPC9nPgo8L3N2Zz4K) no-repeat center / cover;
cursor: pointer;
border-radius: 100%;
}
#flat_ads_block_id_1 .flat_slide_cross:hover {
background: #444 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB2aWV3Qm94PSIwIDAgMTc1LjAwMDAwMCAxNzYuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+CjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLDE3Ni4wMDAwMDApIHNjYWxlKDAuMTAwMDAwLC0wLjEwMDAwMCkiCmZpbGw9IiNmZmYiIHN0cm9rZT0ibm9uZSI+CjxwYXRoIGQ9Ik02MzIgMTEyOCBsLTYyIC02MyA5MSAtOTEgOTEgLTkxIC05MSAtOTUgLTkwIC05NSA2NSAtNjQgNjQgLTY0IDkyCjkzIDkzIDkyIDkyIC05MiA5MyAtOTIgNjAgNTkgYzMzIDMzIDYwIDY0IDYwIDY5IDAgNiAtMzkgNTAgLTg3IDk4IGwtODggODgKODggODggYzQ4IDQ4IDg3IDkyIDg3IDk4IDAgMTIgLTExMiAxMjQgLTEyNSAxMjQgLTUgMCAtNDkgLTM5IC05NyAtODcgbC04OAotODggLTg4IDg4IGMtNDggNDggLTkwIDg3IC05MiA4NyAtMyAwIC0zMyAtMjggLTY4IC02MnoiLz4KPC9nPgo8L3N2Zz4K) no-repeat center / cover
}
</style> -->
</body>
</html>