Как изменить название вкладки 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-vkladki-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-vkladki-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+%D0%B2%D0%BA%D0%BB%D0%B0%D0%B4%D0%BA%D0%B8+html&url=https%3A%2F%2Foshibkis.ru%2Fkak-izmenit-nazvanie-vkladki-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-vkladki-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-vkladki-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+%D0%B2%D0%BA%D0%BB%D0%B0%D0%B4%D0%BA%D0%B8+html%20https%3A%2F%2Foshibkis.ru%2Fkak-izmenit-nazvanie-vkladki-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+%D0%B2%D0%BA%D0%BB%D0%B0%D0%B4%D0%BA%D0%B8+html%20https%3A%2F%2Foshibkis.ru%2Fkak-izmenit-nazvanie-vkladki-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-vkladki-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+%D0%B2%D0%BA%D0%BB%D0%B0%D0%B4%D0%BA%D0%B8+html"></span> </span> </div> </header> <div class="page-separator"></div> <div class="entry-content" itemprop="articleBody">  <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">  <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>  </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>  <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">  <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>  </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> <p>There are many ways you can change the title, the main two, are like so:</p> <h2>The Questionable Method</h2> <p>Put a title tag in the HTML (e.g. <code><title>Hello</title></code>), then in javascript:</p> <pre><code>let title_el = document.querySelector("title"); if(title_el) title_el.innerHTML = "World"; </code></pre> <h2>The Obviously Correct Method</h2> <p>The simplest of all is to actually use the method provided by the Document Object Model (DOM)</p> <pre><code>document.title = "Hello World"; </code></pre> <hr /> <p>The former method is generally what you would do to alter tags found in the <em>body</em> of the document. Using this method to modify meta-data tags like those found in the head (like <code>title</code>) is questionable practice at best, is not idiomatic, not very good style to begin with, and might not even be portable. One thing you can be sure of, though, is that it will annoy other developers if they see <code>title.innerHTML = ...</code> in code they are maintaining.</p>  <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">  <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>  </div> <p>What you <em>want</em> to go with is the latter method. This property is provided in the DOM Specification specifically for the purpose of, as the name suggests, changing the title.</p> <p>Note also that if you are working with XUL, you may want to check that the document has loaded before attempting to set or get the title, as otherwise you are invoking <code>undefined behavior</code> (here be dragons), which is a scary concept in its own right. This may or may not happen via JavaScript, as the docs on the DOM do not necessarily pertain to JavaScript. But XUL is a whole ‘nother beast, so I digress.</p> <h2>Speaking of <code>.innerHTML</code></h2> <p>Some good advice to keep in mind would be that using <code>.innerHTML</code> is generally sloppy. Use <code>appendChild</code> instead. </p> <p>Although two cases where I still find <code>.innerHTML</code> to be useful include inserting plain text into a small element…</p> <pre><code>label.innerHTML = "Hello World"; // as opposed to... label.appendChild(document.createTextNode("Hello World")); // example: el.appendChild(function(){ let el = document.createElement("span"); el.className = "label"; el.innerHTML = label_text; return el; }()); </code></pre> <p>…and clearing out a container…</p> <pre><code>container.innerHTML = ""; // as opposed to... umm... okay, I guess I'm rolling my own [...container.childNodes].forEach(function(child){ container.removeChild(child); }); </code></pre> </p></div> </div> <div class="source-url"><a href="https://stackoverflow.com/questions/413439/how-to-dynamically-change-a-web-pages-title" rel="noopener" target="_blank">Источник</a></div> <div> <div> <main> </p> <div> <article> <h2>Как изменить название сайта на странице</h2> <p>Помимо URL, каждая страница на сайте имеет имя, которое высвечивается в заголовке вкладки браузера, а когда эта вкладка активна — и в заголовке окна. Помимо этого, при вставке ссылки на другую страницу можно сделать так, чтобы посетитель вашего сайта видел не ее URL, а произвольно заданную вебмастером строку.</p> <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 class="quads-location quads-ad193931 " id="quads-ad193931" style="float:none;margin:0px 3px 3px 3px;padding:0px 0px 0px 0px;" data-lazydelay="3000">  <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>  </div> </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></div> <p> </main> </p> <div> <p>Войти на сайт</p> <p>или</p>  <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">  <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>  </div> <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> <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> <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>  <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">  <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>  </div> <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> <p>Определяем используемую кодировку:</p> <p>Вносим описание веб-страницы:</p>  <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">  <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>  </div> <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> <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>  <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">  <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>  </div> <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> <p><span>Пример:</span></p> <div> <pre><script> function myFunction { document.getElementById("demo").innerHTML = "Hello JavaScript!"; } </script></pre> </div> <p><span>Посмотреть демо</span></p>  <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">  <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>  </div> <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 class="quads-location quads-ad193937 " id="quads-ad193937" style="float:none;margin:0px 3px 3px 3px;padding:0px 0px 0px 0px;" data-lazydelay="3000">  <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>  </div> <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> </p>  <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">  <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>  </div> </div> </article> <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-vkladki-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-vkladki-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+%D0%B2%D0%BA%D0%BB%D0%B0%D0%B4%D0%BA%D0%B8+html&url=https%3A%2F%2Foshibkis.ru%2Fkak-izmenit-nazvanie-vkladki-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-vkladki-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-vkladki-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+%D0%B2%D0%BA%D0%BB%D0%B0%D0%B4%D0%BA%D0%B8+html%20https%3A%2F%2Foshibkis.ru%2Fkak-izmenit-nazvanie-vkladki-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+%D0%B2%D0%BA%D0%BB%D0%B0%D0%B4%D0%BA%D0%B8+html%20https%3A%2F%2Foshibkis.ru%2Fkak-izmenit-nazvanie-vkladki-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-vkladki-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+%D0%B2%D0%BA%D0%BB%D0%B0%D0%B4%D0%BA%D0%B8+html"></span> </div> <meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://oshibkis.ru/kak-izmenit-nazvanie-vkladki-html/"/> <meta itemprop="dateModified" content="2023-02-10"/> <meta itemprop="datePublished" content="2023-02-10T17:29:54+03:00"/> <li class='li1'><a href='https://oshibkis.ru/kak-izmenit-nazvanie-vklada-tinkoff/' title='Как изменить название вклада тинькофф'>Как изменить название вклада тинькофф</a></li> <li class='li2'><a href='https://oshibkis.ru/kak-izmenit-nazvanie-vindovs-pri-zagruzke/' title='Как изменить название виндовс при загрузке'>Как изменить название виндовс при загрузке</a></li> <li class='li1'><a href='https://oshibkis.ru/kak-izmenit-nazvanie-vidzheta-na-ajfon/' title='Как изменить название виджета на айфон'>Как изменить название виджета на айфон</a></li> <li class='li2'><a href='https://oshibkis.ru/kak-izmenit-nazvanie-videofajla/' title='Как изменить название видеофайла'>Как изменить название видеофайла</a></li> <li class='li1'><a href='https://oshibkis.ru/kak-izmenit-nazvanie-videokarty-cherez-reestr/' title='Как изменить название видеокарты через реестр'>Как изменить название видеокарты через реестр</a></li><br>  <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>  <br> </main> </div> </div> <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"> <script>window.yaContextCb=window.yaContextCb||[]</script> <script src="https://yandex.ru/ads/system/context.js" async></script>  <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> </div> <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> <div class="footer-counters"> </div> </div> </footer> </div> <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>     </body> </html>