Html document: HTMLDocument - Web APIs

Содержание
: Элемент метаданных документа (заголовок) — HTML: язык гипертекстовой разметки

HTML-элемент содержит машиночитаемую информацию (метаданные) о документе, такую как его заголовок, сценарии и таблицы стилей.
Примечание: в первую очередь содержит информацию для машинной обработки, а не для чтения человеком. Для информации, видимой человеку, такой как заголовки верхнего уровня и список авторов, см.
 9элемент 0005.
 Этот элемент включает глобальные атрибуты.
  профиль   Устаревший   Нестандартный 
 URI одного или нескольких профилей метаданных, разделенные пробелом.
 

  <голова>
    <метакодировка="UTF-8" />
    
    Название документа 
  

 
 Категории контента  Нет.
 Разрешенный контент  Если документ   </code> <code> srcdoc </code> документ или заголовок
 информация доступна из протокола более высокого уровня (например,
 строка темы в электронном письме в формате HTML), ноль или более элементов метаданных
 содержание.</p><p> В противном случае один или несколько элементов содержимого метаданных, где ровно один
 это <code> <заголовок> </code> элемент.</p></td></tr><tr><th scope="row"> Отсутствие тега</th><td> Начальный тег может быть опущен, если первое, что находится внутри <code><head> </code> element — это элемент. <br/> Конечный тег может быть
 опускается, если первое, что следует за <code><div id="yandex_rtb_5" class="yandex-adaptive classYandexRTB"></div> <script type="text/javascript">if(rtbW>=960){var rtbBlockID="R-A-744154-3";}
else{var rtbBlockID="R-A-744154-5";}
window.yaContextCb.push(()=>{Ya.Context.AdvManager.render({renderTo:"yandex_rtb_5",blockId:rtbBlockID,pageNumber:5,onError:(data)=>{var g=document.createElement("ins");g.className="adsbygoogle";g.style.display="inline";if(rtbW>=960){g.style.width="580px";g.style.height="400px";g.setAttribute("data-ad-slot","9935184599");}else{g.style.width="300px";g.style.height="600px";g.setAttribute("data-ad-slot","9935184599");}
g.setAttribute("data-ad-client","ca-pub-1812626643144578");g.setAttribute("data-alternate-ad-url",stroke2);document.getElementById("yandex_rtb_5").appendChild(g);(adsbygoogle=window.adsbygoogle||[]).push({});}})});window.addEventListener("load",()=>{var ins=document.getElementById("yandex_rtb_5");if(ins.clientHeight =="0"){ins.innerHTML=stroke3;}},true);</script> <head> </code> Элемент не является пробелом или комментарием.</td></tr><tr><th scope="row"> Разрешенные родители</th><td> Ан <code><html> </code> элемент, как его первый дочерний элемент.<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/schtirlitz.ru/800/600/http/images.myshared.ru/4/92370/slide_18.jpg' /><noscript><img loading='lazy' src='/800/600/https/schtirlitz.ru/800/600/http/images.myshared.ru/4/92370/slide_18.jpg' /></noscript></td></tr><tr><th scope="row"> Неявная роль ARIA</th><td> Нет соответствующей роли</td></tr><tr><th scope="row"> Разрешенные роли ARIA</th><td> Нет <code> роль </code> разрешено</td></tr><tr><th scope="row"> Интерфейс DOM</th><td> <code> HTMLHeadElement </code></td></tr></tbody></table><table><thead><tr><th scope="col"> Спецификация</th></tr></thead><tbody><tr><td> Стандарт HTML <br/> <small> # the-head-element </small></td></tr></tbody></table><p> Таблицы BCD загружаются только в браузере с включенным JavaScript. Включите JavaScript для просмотра данных.</p><center><ins class="adsbygoogle"
 style="display:inline-block;width:580px;height:400px"
 data-ad-client="ca-pub-1812626643144578"
 data-ad-slot="8813674614"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></center><ul><li> Элементы, которые можно использовать внутри <code><head> </code> :<ul><li> <code> <название> </code></li><li> <code> <база> </code></li><li> <code> <ссылка> </code></li><li> <code> <стиль> </code></li><li> <code> <мета> </code></li><li> <code> <сценарий> </code></li><li> <code> <noscript> </code></li><li> <code> <шаблон> </code></li></ul></li></ul><h4><span class="ez-toc-section" id="i"> Обнаружили проблему с содержанием этой страницы? </span></h4><ul><li> Отредактируйте страницу на GitHub.<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/cf2.ppt-online.org/files2/slide/h/hCrOMGADLcevZdSsl38izgjXUynB6Na7xRf9HW/slide-20.jpg' /><noscript><img loading='lazy' src='/800/600/https/cf2.ppt-online.org/files2/slide/h/hCrOMGADLcevZdSsl38izgjXUynB6Na7xRf9HW/slide-20.jpg' /></noscript></li><li> Сообщить о проблеме с содержимым.</li><li> Посмотреть исходный код на GitHub.</li></ul> Хотите принять участие?</p> Узнайте, как внести свой вклад.</p><p> Последний раз эта страница была изменена <time datetime="2023-04-13T06:13:15.000Z"> 13 апреля 2023 г. </time> участниками MDN.</p><h2><span class="ez-toc-section" id="_Inline_Frame_HTML"> : элемент Inline Frame — HTML: язык гипертекстовой разметки </span></h2><p> HTML-элемент <strong> <code> <iframe> </code> </strong> представляет вложенный контекст просмотра, встраивая другую HTML-страницу в текущую.</p><p> Каждый встроенный контекст просмотра имеет собственную историю сеансов и документ. Контекст просмотра, в который встроены другие, называется <em> родительским контекстом просмотра </em>. Самый верхний <em> контекст просмотра </em> — тот, у которого нет родителя — обычно является окном браузера, представленным объектом <code> Window </code>.</p><p> <strong> Предупреждение: </strong> Поскольку каждый контекст просмотра представляет собой полную среду документа, каждый <code><div id="yandex_rtb_4" class="yandex-adaptive classYandexRTB"></div> <script type="text/javascript">if(rtbW>=960){var rtbBlockID="R-A-744154-3";}
else{var rtbBlockID="R-A-744154-5";}
window.yaContextCb.push(()=>{Ya.Context.AdvManager.render({renderTo:"yandex_rtb_4",blockId:rtbBlockID,pageNumber:4,onError:(data)=>{var g=document.createElement("ins");g.className="adsbygoogle";g.style.display="inline";if(rtbW>=960){g.style.width="580px";g.style.height="400px";g.setAttribute("data-ad-slot","9935184599");}else{g.style.width="300px";g.style.height="600px";g.setAttribute("data-ad-slot","9935184599");}
g.setAttribute("data-ad-client","ca-pub-1812626643144578");g.setAttribute("data-alternate-ad-url",stroke2);document.getElementById("yandex_rtb_4").appendChild(g);(adsbygoogle=window.adsbygoogle||[]).push({});}})});window.addEventListener("load",()=>{var ins=document.getElementById("yandex_rtb_4");if(ins.clientHeight =="0"){ins.innerHTML=stroke3;}},true);</script> <iframe> </code> на странице требует увеличения объема памяти и других вычислительных ресурсов.<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/www.svgrepo.com/show/102278/html-document.svg' /><noscript><img loading='lazy' src='/800/600/https/www.svgrepo.com/show/102278/html-document.svg' /></noscript> Хотя теоретически вы можете использовать столько <code> <iframe> </code> , сколько хотите, проверьте наличие проблем с производительностью.</p><p> Этот элемент включает глобальные атрибуты.</p><dl><dt> <code> разрешить </code></dt><dd><p> Указывает политику разрешений для <code> <iframe> </code> . Политика определяет, какие функции доступны для <code> <iframe> </code> (например, доступ к микрофону, камере, аккумулятору, веб-ресурсу и т. д.) в зависимости от источника запроса.</p><p> <strong> Примечание: </strong> Политика разрешений, указанная атрибутом <code> allow </code>, реализует дополнительное ограничение поверх политики, указанной в заголовке <code> Permissions-Policy </code>. Это не заменяет его.</p><center><ins class="adsbygoogle"
 style="display:block"
 data-ad-client="ca-pub-1812626643144578"
 data-ad-slot="3076124593"
 data-ad-format="auto"
 data-full-width-responsive="true"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></center></dd><dt> <code> разрешить полный экран </code></dt><dd><p> Установите значение <code> true </code>, если <code> <iframe> </code> можно активировать полноэкранный режим, вызвав метод <code> requestFullscreen() </code>.</p><p> <strong> Примечание: </strong> Этот атрибут считается устаревшим атрибутом и переопределен как <code> allow="fullscreen" </code> .<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/cf2.ppt-online.org/files2/slide/r/RJu0Ml31xFysP4BdSEnHGZLzKO6pbQh2wtkcNrovm/slide-49.jpg' /><noscript><img loading='lazy' src='/800/600/https/cf2.ppt-online.org/files2/slide/r/RJu0Ml31xFysP4BdSEnHGZLzKO6pbQh2wtkcNrovm/slide-49.jpg' /></noscript></p></dd><dt> <code> разрешитьплатежныйзапрос </code> <abbr title="Experimental. Expect behavior to change in the future."> Экспериментальный </abbr></dt><dd><p> Установите значение <code> true </code>, если необходимо разрешить кросс-происхождение <code> <iframe> </code> для вызова API запроса платежа.</p><p> <strong> Примечание: </strong> Этот атрибут считается устаревшим атрибутом и переопределен как <code> allow="payment" </code><div id="yandex_rtb_3" class="yandex-adaptive classYandexRTB"></div> <script type="text/javascript">if(rtbW>=960){var rtbBlockID="R-A-744154-3";}
else{var rtbBlockID="R-A-744154-5";}
window.yaContextCb.push(()=>{Ya.Context.AdvManager.render({renderTo:"yandex_rtb_3",blockId:rtbBlockID,pageNumber:3,onError:(data)=>{var g=document.createElement("ins");g.className="adsbygoogle";g.style.display="inline";if(rtbW>=960){g.style.width="580px";g.style.height="400px";g.setAttribute("data-ad-slot","9935184599");}else{g.style.width="300px";g.style.height="600px";g.setAttribute("data-ad-slot","9935184599");}
g.setAttribute("data-ad-client","ca-pub-1812626643144578");g.setAttribute("data-alternate-ad-url",stroke2);document.getElementById("yandex_rtb_3").appendChild(g);(adsbygoogle=window.adsbygoogle||[]).push({});}})});window.addEventListener("load",()=>{var ins=document.getElementById("yandex_rtb_3");if(ins.clientHeight =="0"){ins.innerHTML=stroke3;}},true);</script> .</p></dd><dt> <code> без учетных данных </code> <abbr title="Experimental. Expect behavior to change in the future."> Экспериментальный </abbr> <abbr title="Non-standard. Check cross-browser support before using."> Нестандартный </abbr></dt><dd><p> Установите значение <code> true </code>, чтобы сделать <code> <iframe> </code> без учетных данных, что означает, что его содержимое будет загружено в новом эфемерном контексте. У него нет доступа к сети, файлам cookie и данным хранилища, связанным с его происхождением.<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/fs.znanio.ru/d5af0e/74/b9/9aa0da1fb4e4f04489b16981d3dc0bab56.jpg' /><noscript><img loading='lazy' src='/800/600/https/fs.znanio.ru/d5af0e/74/b9/9aa0da1fb4e4f04489b16981d3dc0bab56.jpg' /></noscript> Он использует новый контекст, локальный для времени существования документа верхнего уровня. Взамен <code> Правила встраивания Cross-Origin-Embedder-Policy </code> (COEP) могут быть отменены, поэтому документы с установленным COEP могут встраивать сторонние документы, которые этого не делают. Дополнительные сведения см. в разделе IFrame без учетных данных.</p><center><div class="advv"><ins class="adsbygoogle"
 style="display:inline-block;width:336px;height:280px"
 data-ad-client="ca-pub-1812626643144578"
 data-ad-slot="9935184599"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div></center><center><div class="advv"><ins class="adsbygoogle"
 style="display:inline-block;width:336px;height:280px"
 data-ad-client="ca-pub-1812626643144578"
 data-ad-slot="9935184599"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div></center></dd><dt> <code> КСП </code> <abbr title="Experimental. Expect behavior to change in the future."> Экспериментальный </abbr></dt><dd><p> Для встроенного ресурса применяется политика безопасности содержимого. Дополнительные сведения см. в статье <code> HTMLIFrameElement.csp </code>.</p></dd><dt> <code> высота </code></dt><dd><p> Высота кадра в пикселях CSS. По умолчанию <code> 150 </code> .</p></dd><dt> <code> загрузка </code></dt><dd><p> Указывает, как браузер должен загружать iframe:</p><ul><li> <code> нетерпеливый </code> : немедленно загрузить iframe, независимо от того, находится ли он за пределами видимого окна просмотра (это значение по умолчанию).<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/schtirlitz.ru/800/600/https/internet.bjrn.ru/wp-content/uploads/2019/08/1-43.jpg' /><noscript><img loading='lazy' src='/800/600/https/schtirlitz.ru/800/600/https/internet.bjrn.ru/wp-content/uploads/2019/08/1-43.jpg' /></noscript></li><li> <code> ленивый </code> : отложить загрузку iframe до тех пор, пока он не достигнет расчетного расстояния от области просмотра, как определено браузером.</li><div id="yandex_rtb_2" class="yandex-adaptive classYandexRTB"></div> <script type="text/javascript">if(rtbW>=960){var rtbBlockID="R-A-744154-3";}
else{var rtbBlockID="R-A-744154-5";}
window.yaContextCb.push(()=>{Ya.Context.AdvManager.render({renderTo:"yandex_rtb_2",blockId:rtbBlockID,pageNumber:2,onError:(data)=>{var g=document.createElement("ins");g.className="adsbygoogle";g.style.display="inline";if(rtbW>=960){g.style.width="580px";g.style.height="400px";g.setAttribute("data-ad-slot","9935184599");}else{g.style.width="300px";g.style.height="600px";g.setAttribute("data-ad-slot","9935184599");}
g.setAttribute("data-ad-client","ca-pub-1812626643144578");g.setAttribute("data-alternate-ad-url",stroke2);document.getElementById("yandex_rtb_2").appendChild(g);(adsbygoogle=window.adsbygoogle||[]).push({});}})});window.addEventListener("load",()=>{var ins=document.getElementById("yandex_rtb_2");if(ins.clientHeight =="0"){ins.innerHTML=stroke3;}},true);</script> </ul></dd><dt> <code> наименование </code></dt><dd><p> Целевое имя встроенного контекста просмотра. Это можно использовать в атрибуте <code> target </code> элементов <code> <a> </code> , <code><form> </code> или <code><base> </code> ; атрибут <code> formtarget </code> элементов <code> <input> </code> или <code> <button> </code> элементов; или параметр <code> windowName </code> в методе <code> window.open() </code>.</p></dd><dt> <code> реферальная политика </code></dt><dd><p> Указывает, какой реферер отправлять при получении ресурса фрейма:</p><ul><li> <code> no-referrer </code> : Заголовок <code> Referer </code> не будет отправлен.</li><li> <code> no-referrer-when-downgrade </code> : заголовок <code> Referer </code> не будет отправлен источникам без TLS (HTTPS).<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/cf2.ppt-online.org/files2/slide/j/JL8VCYxShrp32fgWuBZymqaK5HdGIQRFzcMv4w9Xej/slide-7.jpg' /><noscript><img loading='lazy' src='/800/600/https/cf2.ppt-online.org/files2/slide/j/JL8VCYxShrp32fgWuBZymqaK5HdGIQRFzcMv4w9Xej/slide-7.jpg' /></noscript><center><ins class="adsbygoogle"
 style="display:block; text-align:center;"
 data-ad-layout="in-article"
 data-ad-format="fluid"
 data-ad-client="ca-pub-1812626643144578"
 data-ad-slot="4491286225"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></center></li><li> <code> origin </code> : Отправленный реферер будет ограничен источником ссылающейся страницы: ее схемой, хостом и портом.</li><li> <code> происхождение-при-перекрестном происхождении </code> : Реферер, отправленный другим источникам, будет ограничен схемой, хостом и портом. Навигации в одном и том же источнике по-прежнему будут включать путь.</li><li> <code> тот же источник </code> : Реферер будет отправлен для того же источника, но запросы между источниками не будут содержать информации о реферере.</li><li> <code> strict-origin </code> : отправляйте источник документа в качестве реферера, только если уровень безопасности протокола остается прежним (HTTPS→HTTPS), но не отправляйте его в менее безопасный пункт назначения (HTTPS→HTTP).</li><li> <code> strict-origin-when-cross-origin </code> (по умолчанию): отправлять полный URL-адрес при выполнении запроса того же источника, отправлять источник только при неизменном уровне безопасности протокола (HTTPS→HTTPS) и не отправлять заголовок в менее безопасное место назначения (HTTPS→HTTP).<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/cf3.ppt-online.org/files3/slide/u/UoEcgOP9vZ2N64iKMxQ70yTRzdtYC8XmFIsD3S/slide-3.jpg' /><noscript><img loading='lazy' src='/800/600/https/cf3.ppt-online.org/files3/slide/u/UoEcgOP9vZ2N64iKMxQ70yTRzdtYC8XmFIsD3S/slide-3.jpg' /></noscript><div id="yandex_rtb_1" class="yandex-adaptive classYandexRTB"></div> <script type="text/javascript">if(rtbW>=960){var rtbBlockID="R-A-744154-3";}
else{var rtbBlockID="R-A-744154-5";}
window.yaContextCb.push(()=>{Ya.Context.AdvManager.render({renderTo:"yandex_rtb_1",blockId:rtbBlockID,pageNumber:1,onError:(data)=>{var g=document.createElement("ins");g.className="adsbygoogle";g.style.display="inline";if(rtbW>=960){g.style.width="580px";g.style.height="400px";g.setAttribute("data-ad-slot","9935184599");}else{g.style.width="300px";g.style.height="600px";g.setAttribute("data-ad-slot","9935184599");}
g.setAttribute("data-ad-client","ca-pub-1812626643144578");g.setAttribute("data-alternate-ad-url",stroke2);document.getElementById("yandex_rtb_1").appendChild(g);(adsbygoogle=window.adsbygoogle||[]).push({});}})});window.addEventListener("load",()=>{var ins=document.getElementById("yandex_rtb_1");if(ins.clientHeight =="0"){ins.innerHTML=stroke3;}},true);</script> </li><li> <code> unsafe-url </code> : реферер будет включать <em> источник и </em> путь (но не фрагмент, пароль или имя пользователя). <strong> Это значение небезопасно </strong> , поскольку оно приводит к утечке источников и путей от ресурсов, защищенных TLS, к небезопасным источникам.</li></ul></dd><dt> <code> песочница </code></dt><dd><p> Управляет ограничениями, применяемыми к содержимому, встроенному в <code> <iframe> </code> . Значение атрибута может быть либо пустым, чтобы применить все ограничения, либо разделенными пробелами токенами, чтобы снять определенные ограничения:</p><ul><li> <code> allow-downloads </code> : Позволяет загружать файлы через элемент <code> <a> </code> или <code><area><center><ins class="adsbygoogle"
 style="display:block"
 data-ad-client="ca-pub-1812626643144578"
 data-ad-slot="3076124593"
 data-ad-format="auto"
 data-full-width-responsive="true"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></center> </code> с атрибутом загрузки, а также через навигацию, которая ведет к загрузке файла. Это работает независимо от того, щелкнул ли пользователь по ссылке или код JS инициировал ее без взаимодействия с пользователем.</li><li> <code> разрешить загрузку без активации пользователем </code> <abbr title="Experimental.<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/png.pngtree.com/png-clipart/20190630/original/pngtree-cfml-file-document-icon-png-image_4174670.jpg' /><noscript><img loading='lazy' src='/800/600/https/png.pngtree.com/png-clipart/20190630/original/pngtree-cfml-file-document-icon-png-image_4174670.jpg' /></noscript> Expect behavior to change in the future.">
 Экспериментальный </abbr> : Разрешает загрузку без жеста пользователя.</li><li> <code> allow-forms </code> : Разрешает странице отправлять формы. Если это ключевое слово не используется, форма будет отображаться как обычно, но ее отправка не приведет к проверке ввода, отправке данных на веб-сервер или закрытию диалогового окна.</li><li> <code> allow-modals </code> : Позволяет странице открывать модальные окна на <code> Window.alert() </code> , <code> Window.confirm() </code> , <code> Window.print() </code> и <code> Window.prompt() </code> , при этом открытие <code> <диалога> </code> разрешено независимо от этого ключевого слова. Это также позволяет странице получать событие <code> BeforeUnloadEvent </code>.</li><li> <code> allow-orientation-lock </code> : Позволяет ресурсу заблокировать ориентацию экрана.</li><li> <code> allow-pointer-lock </code> : позволяет странице использовать API блокировки указателя.<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/zvukobook.ru/800/600/https/ds04.infourok.ru/uploads/ex/0879/00000878-b8f3062d/img2.jpg' /><noscript><img loading='lazy' src='/800/600/https/zvukobook.ru/800/600/https/ds04.infourok.ru/uploads/ex/0879/00000878-b8f3062d/img2.jpg' /></noscript></li><li> <code> allow-popups </code> : Разрешить всплывающие окна (например, из <code> Window.open() </code> , <code> target="_blank" </code> , <code> Window.showModalDialog() </code> ). Если это ключевое слово не используется, эта функциональность автоматически завершится ошибкой.</li><li> <code> allow-popups-to-escape-sandbox </code> : Позволяет документу в песочнице открывать новые окна, не навязывая им флаги песочницы. Это позволит, например, безопасно изолировать стороннюю рекламу, не применяя те же ограничения к странице, на которую ссылается реклама.</li><li> <code> allow-presentation </code> : Позволяет интеграторам контролировать, может ли iframe запускать сеанс презентации.</li><li> <code> allow-same-origin </code> : если этот токен не используется, ресурс рассматривается как имеющий особое происхождение, которое всегда не соответствует политике одного и того же происхождения (потенциально блокируя доступ к хранилищу данных/файлам cookie и некоторым API-интерфейсам JavaScript).<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/schtirlitz.ru/800/600/http/images.myshared.ru/17/1056026/slide_5.jpg' /><noscript><img loading='lazy' src='/800/600/https/schtirlitz.ru/800/600/http/images.myshared.ru/17/1056026/slide_5.jpg' /></noscript></li><li> <code> allow-scripts </code> : Разрешает странице запускать сценарии (но не создавать всплывающие окна). Если это ключевое слово не используется, эта операция не разрешена.</li><li> <code> разрешить доступ к хранилищу при активации пользователем </code> <abbr title="Experimental. Expect behavior to change in the future."> Экспериментальный </abbr> : позволяет документу, загруженному в <code> <iframe> </code>, использовать API доступа к хранилищу для запроса доступа к неразделенным файлам cookie.</li><li> <code> allow-top-navigation </code> : Позволяет ресурсу перемещаться по контексту просмотра верхнего уровня (тому, что называется <code> _top </code> ).</li><li> <code> allow-top-navigation-by-user-activation </code> : Позволяет ресурсу перемещаться по контексту просмотра верхнего уровня, но только если он инициирован жестом пользователя.</li><li> <code> allow-top-navigation-to-custom-protocols </code> : Разрешает навигацию по протоколам, отличным от <code> http </code>, встроенным в браузер или зарегистрированным веб-сайтом.<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/cf.ppt-online.org/files/slide/u/UBOcSM5eaQ3gv1WCrqPY94oTu0FtVfIniwADky/slide-12.jpg' /><noscript><img loading='lazy' src='/800/600/https/cf.ppt-online.org/files/slide/u/UBOcSM5eaQ3gv1WCrqPY94oTu0FtVfIniwADky/slide-12.jpg' /></noscript> Эта функция также активируется ключевым словом <code> allow-popups </code> или <code> allow-top-navigation </code>.</li></ul><p> <strong> Примечание: </strong></p><ul><li> Если встроенный документ имеет то же происхождение, что и страница встраивания, <strong> настоятельно не рекомендуется </strong> использовать оба разрешающих сценария <code> </code> и <code> allow-same-origin </code> , так как это позволяет встроенному документу удалить атрибут </code> песочницы <code>, что делает его не более безопасным, чем вообще не использовать атрибут </code> песочницы <code>.</li><li> Песочница бесполезна, если злоумышленник может отображать содержимое за пределами изолированного <code> iframe </code> — например, если зритель открывает фрейм в новой вкладке. Такой контент также должен предоставляться из <em> отдельного источника </em>, чтобы ограничить возможный ущерб.</li></ul></dd><dt> <code> источник </code></dt><dd><p> URL-адрес страницы для встраивания.<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/cf.ppt-online.org/files/slide/r/R07Zmy2SNxzsibYAETaveVCLdwBkPcK3joDf6X/slide-5.jpg' /><noscript><img loading='lazy' src='/800/600/https/cf.ppt-online.org/files/slide/r/R07Zmy2SNxzsibYAETaveVCLdwBkPcK3joDf6X/slide-5.jpg' /></noscript> Используйте значение <code> about:blank </code>, чтобы внедрить пустую страницу, соответствующую политике того же источника. Также обратите внимание, что программное удаление атрибута src <code> <iframe> </code> (например, через <code> Element.removeAttribute() </code> ) приводит к загрузке <code> about:blank </code> во фрейме в Firefox (начиная с версии 65), браузерах на основе Chromium. и Safari/iOS.</p></dd><dt> <code> исходный документ </code></dt><dd><p> Встроенный HTML-код для встраивания, переопределяющий атрибут <code> src </code>. Если браузер не поддерживает атрибут <code> srcdoc </code>, он вернется к URL-адресу в атрибуте <code> src </code>.</p></dd><dt> <code> ширина </code></dt><dd><p> Ширина рамки в пикселях CSS. По умолчанию <code> 300 </code>.</p></dd></dl><h4><span class="ez-toc-section" id="i-2"> Устаревшие атрибуты </span></h4><p> Эти атрибуты устарели и могут больше не поддерживаться всеми пользовательскими агентами. Вы не должны использовать их в новом контенте и пытаться удалить их из существующего контента.<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/2.bp.blogspot.com/-fcSfEBkYJ54/XH0QJuNElVI/AAAAAAAAB3Q/-vmGk8h_WzYTcELmhKnKtKx92sSK0b7AACLcBGAs/s1600/html%2Bpic%2B1.png' /><noscript><img loading='lazy' src='/800/600/https/2.bp.blogspot.com/-fcSfEBkYJ54/XH0QJuNElVI/AAAAAAAAB3Q/-vmGk8h_WzYTcELmhKnKtKx92sSK0b7AACLcBGAs/s1600/html%2Bpic%2B1.png' /></noscript></p><dl><dt> <code> выравнивание </code> <abbr title="Deprecated. Not for use in new websites."> Устаревший </abbr></dt><dd><p> Выравнивание этого элемента по отношению к окружающему контексту.</p></dd><dt> <code> рамка </code> <abbr title="Deprecated. Not for use in new websites."> Устаревший </abbr></dt><dd><p> Значение <code> 1 </code> (по умолчанию) рисует рамку вокруг этого кадра. Значение <code> 0 </code> удаляет границу вокруг этого фрейма, но вместо этого вы должны использовать свойство CSS <code> border </code> для управления <code> <iframe> </code> границы.</p></dd><dt> <code> длинное описание </code> <abbr title="Deprecated. Not for use in new websites."> Устаревший </abbr></dt><dd><p> URL-адрес длинного описания содержимого фрейма. Из-за широко распространенного неправильного использования это бесполезно для невизуальных браузеров.</p></dd><dt> <code> высота поля </code> <abbr title="Deprecated. Not for use in new websites.<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/cf2.ppt-online.org/files2/slide/o/oAZe6u0c15BIHaqMJNsUfzKTOVxWQ9bGkiSvmEhwX/slide-4.jpg' /><noscript><img loading='lazy' src='/800/600/https/cf2.ppt-online.org/files2/slide/o/oAZe6u0c15BIHaqMJNsUfzKTOVxWQ9bGkiSvmEhwX/slide-4.jpg' /></noscript> ">
 Устаревший </abbr></dt><dd><p> Расстояние в пикселях между содержимым фрейма и его верхней и нижней границами.</p></dd><dt> <code> ширина поля </code> <abbr title="Deprecated. Not for use in new websites."> Устаревший </abbr></dt><dd><p> Расстояние в пикселях между содержимым фрейма и его левой и правой границами.</p></dd><dt> <code> прокрутка </code> <abbr title="Deprecated. Not for use in new websites."> Устаревший </abbr></dt><dd><p> Указывает, когда браузер должен предоставить полосу прокрутки для фрейма:</p><ul><li> <code> авто </code> : Только когда содержимое фрейма превышает его размеры.</li><li> <code> да </code> : Всегда показывать полосу прокрутки.</li><li> <code> № </code> : Никогда не показывать полосу прокрутки.</li></ul></dd></dl><p> Встроенные фреймы, такие как элементы <code><frame> </code>, включены в псевдомассив <code> window.frames </code>.</p><p> С помощью объекта DOM <code> HTMLIFrameElement </code> сценарии могут получить доступ к объекту <code> window </code> фреймового ресурса через свойство <code> contentWindow </code>.<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/schtirlitz.ru/800/600/https/studfile.net/html/10857/146/html_ful1XKUU93.U8VE/img-nLda3N.png' /><noscript><img loading='lazy' src='/800/600/https/schtirlitz.ru/800/600/https/studfile.net/html/10857/146/html_ful1XKUU93.U8VE/img-nLda3N.png' /></noscript> Свойство <code> contentDocument </code> ссылается на документ <code> </code> внутри <code> <iframe> </code> , так же, как <code> contentWindow.document </code> .</p><p> Изнутри фрейма скрипт может получить ссылку на свое родительское окно с помощью <code> window.parent </code> .</p><p> Доступ сценария к содержимому фрейма регулируется политикой того же источника. Сценарии не могут получить доступ к большинству свойств в других объектах <code> окна </code>, если сценарий был загружен из другого источника, включая сценарии внутри фрейма, обращающиеся к родителю фрейма. Связь между источниками может быть достигнута с помощью <code> Window.postMessage() </code> .</p><p> В качестве замененного элемента положение, выравнивание и масштабирование встроенного документа в пределах поля элемента <code> <iframe> </code> можно настроить с помощью свойств <code> object-position </code> и <code> object-fit </code>.</p><h4><span class="ez-toc-section" id="i-3"> Простой </span></h4><iframe></h4><p> В этом примере страница https://example.org встраивается в iframe.<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/cf.ppt-online.org/files/slide/k/KT786iLkqgIVxFhYAJDbBsUpwSr5cdG02j1C4t/slide-32.jpg' /><noscript><img loading='lazy' src='/800/600/https/cf.ppt-online.org/files/slide/k/KT786iLkqgIVxFhYAJDbBsUpwSr5cdG02j1C4t/slide-32.jpg' /></noscript></p><h5><span class="ez-toc-section" id="HTML"> HTML </span></h5><pre> <iframe
  src="https://example.org"
  title="iframe Пример 1"
 
 >

 
 Результат 
 Пользователи, использующие вспомогательные технологии, такие как программа чтения с экрана, могут использовать атрибут  title  в   </code> для маркировки его содержимого. Значение заголовка должно кратко описывать встроенный контент:</p><pre> <iframe
  title="Страница Википедии для авокадо"
  src="https://en.wikipedia.org/wiki/Авокадо">
 
 Без этого заголовка им приходится переходить в   </code>, чтобы определить, каково его встроенное содержимое. Этот сдвиг контекста может сбивать с толку и отнимать много времени, особенно для страниц с несколькими <code> <iframe> </code> s и/или если встраивание содержит интерактивный контент, такой как видео или аудио.</p><table><tbody><tr><th scope="row"> Категории контента</th><td> Потоковое содержание,
 фразовый контент, встроенный контент, интерактивный контент, ощутимый контент.<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/cf3.ppt-online.org/files3/slide/3/3DILqvcS0yitUXunwaJZ64YPQjTmoVBfRbd8WC/slide-5.jpg' /><noscript><img loading='lazy' src='/800/600/https/cf3.ppt-online.org/files3/slide/3/3DILqvcS0yitUXunwaJZ64YPQjTmoVBfRbd8WC/slide-5.jpg' /></noscript></td></tr><tr><th scope="row"> Разрешенный контент</th><td> Нет.</td></tr><tr><th scope="row"> Отсутствие тега</th><td> Нет, начальный и конечный теги обязательны.</td></tr><tr><th scope="row"> Разрешенные родители</th><td> Любой элемент, принимающий встроенное содержимое.</td></tr><tr><th scope="row"> Неявная роль ARIA</th><td> Нет соответствующей роли</td></tr><tr><th scope="row"> Разрешенные роли ARIA</th><td> <code> приложение </code>, <code> документ </code>, <code> изображение </code> , <code> нет </code> , <code> презентация </code></td></tr><tr><th scope="row"> Интерфейс DOM</th><td> <code> HTMLIFrameElement </code></td></tr></tbody></table><table><thead><tr><th scope="col"> Спецификация</th></tr></thead><tbody><tr><td> Стандарт HTML <br/> <small> # the-iframe-element </small></td></tr> 900 99</table><p> Таблицы BCD загружаются только в браузере с включенным JavaScript.<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/zvukobook.ru/800/600/https/myslide.ru/documents_3/3c3ca41b67f3cc9ad03241a4e71079ae/img31.jpg' /><noscript><img loading='lazy' src='/800/600/https/zvukobook.ru/800/600/https/myslide.ru/documents_3/3c3ca41b67f3cc9ad03241a4e71079ae/img31.jpg' /></noscript></div><footer class="entry-footer"> <span class="cat-links">Категории: <a href="https://schtirlitz.ru/category/raznoe-2" rel="category tag">Разное</a></span></footer></article><nav class="navigation post-navigation" aria-label="Записи"><h2 class="screen-reader-text">Навигация по записям</h2><div class="nav-links"><div class="nav-previous"><a href="https://schtirlitz.ru/raznoe-2/yutub-shapka-shapki-youtube-skachat-psd-banner-kanala-2560x1440-i-2048x1152.html" rel="prev"><span class="be-post-nav-label btn btn-sm cont-btn no-underl"><small class="fas fa-chevron-left mr-2"></small>Назад</span></a></div><div class="nav-next"><a href="https://schtirlitz.ru/raznoe-2/ceny-na-domeny-ceny-na-registraciyu-prodlenie-i-transfer-domenov-domeny.html" rel="next"><span class="be-post-nav-label btn btn-sm cont-btn no-underl">Вперед<small class="fas fa-chevron-right ml-2"></small></span></a></div></div></nav><div id="comments" class="comments-area"> <a href="#" class="btn btn-primary btn-sm be-open-comment-form">Оставить комментарий</a><div id="respond" class="comment-respond"><h3 id="reply-title" class="comment-reply-title">Добавить комментарий <small><a rel="nofollow" id="cancel-comment-reply-link" href="/raznoe-2/html-document-htmldocument-web-apis-mdn-2.html#respond" style="display:none;">Отменить ответ</a></small></h3><form action="https://schtirlitz.ru/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Ваш адрес email не будет опубликован.</span> <span class="required-field-message">Обязательные поля помечены <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Комментарий <span class="required">*</span></label><textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">Имя <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p><p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p><p class="comment-form-url"><label for="url">Сайт</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p><p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Отправить комментарий" /> <input type='hidden' name='comment_post_ID' value='83778' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /></p></form></div></div></main></div></div></div><footer id="colophon" class="site-footer row"><div class="site-info col-md-8"><p>&copy; 2019 Штирлиц Сеть печатных салонов в Перми</p><p>Цифровая печать, цветное и черно-белое копирование документов, сканирование документов, ризография в Перми.</p></div><div class="col-md-4"> <a href="/sitemap.xml">Карта сайта</a></div></footer></div></div> <noscript><style>.lazyload{display:none}</style></noscript><script data-noptimize="1">window.lazySizesConfig=window.lazySizesConfig||{};window.lazySizesConfig.loadMode=1;</script><script async data-noptimize="1" src='https://schtirlitz.ru/wp-content/plugins/autoptimize/classes/external/js/lazysizes.min.js'></script> <!-- noptimize -->
<style>iframe,object{width:100%;height:480px}img{max-width:100%}</style><script>new Image().src="//counter.yadro.ru/hit?r"+escape(document.referrer)+((typeof(screen)=="undefined")?"":";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+";"+Math.random();</script>
<!-- /noptimize --> <script defer src="https://schtirlitz.ru/wp-content/cache/autoptimize/js/autoptimize_65fc3aabbe3134b862f6f8c3f2077df8.js"></script></body></html>
Штирлиц — Сеть печатных салонов в Перми

Html document: HTMLDocument — Web APIs | MDN

: Элемент метаданных документа (заголовок) — HTML: язык гипертекстовой разметки

`Результат`
