XFrames — это XML-формат построения и организации веб-документов вместе в одну страницу посредством использования фреймов. Как и обычные HTML-фреймы, XFrames находят применение в задачах, когда необходимо заставить прокручиваться один документ, в то время как остальные части страницы, такие как боковые меню и колонтитулы, будут оставаться на своих местах. XFrames могут быть полезны для тех веб-дизайнеров, которые, модифицируя один документ, хотят отобразить изменения на всех страницах фреймового документа.
Основное преимущество следующего поколения фреймов заключается в том, что были решены некоторые ключевые проблемы, присущие стандартной фреймовой модели.
Несмотря на то, что стандарт находится на стадии рабочего проекта, XFrames должны заменить традиционные фреймы.
Отличия от HTML-фреймов
Традиционные HTML-фреймы, которые были введены в HTML 4.0, были полезны своей способностью компоновать несколько страниц в одном веб-документе. Однако возникал ряд проблем, связанных с реализацией таких документов, поэтому из стандарта W3C XHTML 1.1 стандартные фреймы были исключены. Ожидается, что XFrames сможет решить некоторые из них:
- кнопка назад работает не так, как пользователь может интуитивно ожидать
- невозможно сохранить конкретный документ в закладки или отправить кому-то ссылку на него
- если документы обновляются, то может случиться ситуация, когда пользователь имеет разные версии частей документа
- реакция на клавиши «Page Up» и «Page Down» зависит от того, в каком из фреймов документа находится фокус
- уязвимость с безопасности, так как пользователь не знает, на какой именно странице он сейчас находится
- Так как фреймовая модель поддерживается не всеми агентами, а необходимый тег
зачастую отсутствует в реализации, то такие агенты (например, поисковые системы) не могут произвести рендер страницы правильно, что означает невозможность правильной <a href="/wiki/%D0%9F%D0%BE%D0%B8%D1%81%D0%BA%D0%BE%D0%B2%D0%B0%D1%8F_%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D1%8F" title="Поисковая оптимизация">поисковой оптимизации</a>.</li></ul><p>XFrames решает проблему сохранения страницы в закладки путём кодирования нужного семейства фреймов в <a href="/wiki/URI" title="URI">URI</a>. </p><div class="mw-heading mw-heading2"><h2 id="Реализация_XFrames"><span id=".D0.A0.D0.B5.D0.B0.D0.BB.D0.B8.D0.B7.D0.B0.D1.86.D0.B8.D1.8F_XFrames"></span>Реализация XFrames</h2></div><p>Как и другие <a href="/wiki/%D0%AF%D0%B7%D1%8B%D0%BA_%D1%80%D0%B0%D0%B7%D0%BC%D0%B5%D1%82%D0%BA%D0%B8" title="Язык разметки">языки разметки</a>, XFrames реализуется посредством некоторого числа тегов и их атрибутов. Ниже представлен один из простых примеров: </p><div class="mw-highlight mw-highlight-lang-xml mw-content-ltr" dir="ltr"><pre><span></span><span class="nt"><frames</span><span class="w"> </span><span class="na">xmlns=</span><span class="s">"http://www.w3.org/2002/06/xframes/"</span><span class="nt">></span><span class="w"> </span><span class="nt"><head></span><span class="w"> </span><span class="nt"><title></span>Home<span class="w"> </span>Page<span class="nt"></title></span><span class="w"> </span><span class="nt"><style</span><span class="w"> </span><span class="na">type=</span><span class="s">"text/css"</span><span class="nt">></span><span class="w"> </span>#header<span class="w"> </span>{height:<span class="w"> </span>150px;<span class="w"> </span>} <span class="w"> </span>#footer<span class="w"> </span>{height:<span class="w"> </span>50px;<span class="w"> </span>} <span class="w"> </span>#nav<span class="w"> </span>{width:<span class="w"> </span>15%;<span class="w"> </span>} <span class="w"> </span><span class="nt"></style></span><span class="w"> </span><span class="nt"></head></span><span class="w"> </span><span class="nt"><group</span><span class="w"> </span><span class="na">compose=</span><span class="s">"vertical"</span><span class="nt">></span><span class="w"> </span><span class="nt"><frame</span><span class="w"> </span><span class="na">xml:id=</span><span class="s">"header"</span><span class="w"> </span><span class="na">source=</span><span class="s">"banner.xhtml"</span><span class="nt">/></span><span class="w"> </span><span class="nt"><group</span><span class="w"> </span><span class="na">compose=</span><span class="s">"horizontal"</span><span class="nt">></span><span class="w"> </span><span class="nt"><frame</span><span class="w"> </span><span class="na">xml:id=</span><span class="s">"main"</span><span class="w"> </span><span class="na">source=</span><span class="s">"news.xhtml"</span><span class="nt">/></span><span class="w"> </span><span class="nt"><frame</span><span class="w"> </span><span class="na">xml:id=</span><span class="s">"nav"</span><span class="w"> </span><span class="na">source=</span><span class="s">"nav-menu.xhtml"</span><span class="nt">/></span><span class="w"> </span><span class="nt"></group></span><span class="w"> </span><span class="nt"><group</span><span class="w"> </span><span class="na">compose=</span><span class="s">"vertical"</span><span class="nt">></span><span class="w"> </span><span class="nt"><frame</span><span class="w"> </span><span class="na">xml:id=</span><span class="s">"footer"</span><span class="w"> </span><span class="na">source=</span><span class="s">"disclaimer.xhtml"</span><span class="nt">/></span><span class="w"> </span><span class="nt"></group></span><span class="w"> </span><span class="nt"></group></span><span class="nt"></frames></span></pre></div><p>Тег <frames> говорит о том, что данный документ представлен фреймовой моделью. В традиционных фреймах это аналог <frameset>. Как и в <a href="/wiki/XHTML" title="XHTML">XHTML</a> и <a href="/wiki/HTML" title="HTML">HTML</a>, тег <head> содержит мета-информацию, которая преимущественно используется для описания документа и поисковой оптимизации. Внутренний тег <style> используется для включения стилей <a href="/wiki/CSS" title="CSS">CSS</a>. Тег <group> группирует один или несколько фреймов вместе. Также может быть указан соответствующий стиль. Если же стиль не указан, то необходимо задать атрибут <i>compose</i>, который показывает способ компоновки элементов. Наконец, тег <frame> служит указателем на элемент для вставки, который задаётся через <a href="/wiki/URL" title="URL">URL</a> посредством атрибута <i>source</i>. </p><div class="mw-heading mw-heading2"><h2 id="Статус_XFrames"><span id=".D0.A1.D1.82.D0.B0.D1.82.D1.83.D1.81_XFrames"></span>Статус XFrames</h2></div><p>Вторая версия рабочего проекта была выпущена 15 октября 2005 и описывала дальнейшие планы по реализации. Однако до сих пор XFrames имеет статус рабочего проекта и нет никаких известий о том, когда он станет <a href="/wiki/%D0%A0%D0%B5%D0%BA%D0%BE%D0%BC%D0%B5%D0%BD%D0%B4%D0%B0%D1%86%D0%B8%D0%B8_W3C" title="Рекомендации W3C">Рекомендацией W3C</a>. </p><div class="mw-heading mw-heading2"><h2 id="См._также"><span id=".D0.A1.D0.BC._.D1.82.D0.B0.D0.BA.D0.B6.D0.B5"></span>См. также</h2></div><ul><li><a href="/wiki/XML" title="XML">XML</a></li><li><a href="/wiki/XHTML" title="XHTML">XHTML</a></li><li><a href="/wiki/%D0%A4%D1%80%D0%B5%D0%B9%D0%BC_(HTML)" title="Фрейм (HTML)">Фрейм (HTML)</a></li></ul><div class="mw-heading mw-heading2"><h2 id="Ссылки"><span id=".D0.A1.D1.81.D1.8B.D0.BB.D0.BA.D0.B8"></span>Ссылки</h2></div><style data-mw-deduplicate="TemplateStyles:r141520016">.mw-parser-output .ts-Родственный_проект{background:var(--background-color-neutral-subtle,#f8f9fa);border:1px solid var(--border-color-base,#a2a9b1);font-size:90%;margin:0 0 1em;padding:.4em;max-width:19em;width:19em;line-height:1.5}.mw-parser-output .ts-Родственный_проект th,.mw-parser-output .ts-Родственный_проект td{padding:.2em 0;vertical-align:middle}.mw-parser-output .ts-Родственный_проект th+td{padding-left:.4em}@media(min-width:720px){.mw-parser-output .ts-Родственный_проект{clear:right;float:right;width:19em;margin-left:1em}}</style><ul><li><a rel="nofollow" class="external text" href="http://www.w3.org/TR/xframes/">W3C Working Draft</a></li><li>XFrames Resources at W3C <ul><li><a rel="nofollow" class="external text" href="http://www.w3.org/MarkUp/">The XHTML2 Working Group</a></li><li><a rel="nofollow" class="external text" href="http://www.w3.org/TR/xframes/">XFrames</a> was a <a rel="nofollow" class="external text" href="http://www.w3.org/TR/2002/WD-xframes-20020806/">W3C Working Draft on 6 August 2002</a></li></ul></li></ul><div role="navigation" class="navbox" aria-labelledby="Консорциум_Всемирной_паутины_(W3C)" data-name="Стандарты W3C"></div><!-- NewPP limit report Parsed by mw‐web.eqiad.main‐544b794998‐564l7 Cached time: 20260328012533 Cache expiry: 2592000 Reduced expiry: false Complications: [prevent‐selective‐update, show‐toc] CPU time usage: 0.195 seconds Real time usage: 0.347 seconds Preprocessor visited node count: 903/1000000 Revision size: 6817/2097152 bytes Post‐expand include size: 140840/2097152 bytes Template argument size: 719/2097152 bytes Highest expansion depth: 13/100 Expensive parser function count: 41/500 Unstrip recursion depth: 0/20 Unstrip post‐expand size: 4079/5000000 bytes Lua time usage: 0.080/10.000 seconds Lua memory usage: 2990738/52428800 bytes Number of Wikibase entities loaded: 1/500 --><!-- Transclusion expansion time report (%,ms,calls,template) 100.00% 200.785 1 -total 77.30% 155.198 1 Шаблон:W3C_Standards 70.99% 142.528 1 Шаблон:Навигационная_таблица 58.34% 117.146 3 Шаблон:Navbox_subgroups 47.32% 95.014 40 Шаблон:Iw 22.67% 45.520 1 Шаблон:Wikibooks 20.15% 40.459 1 Шаблон:Родственный_проект 14.31% 28.741 1 Шаблон:Wikidata-link 4.10% 8.240 2 Шаблон:Abbr 2.94% 5.907 2 Шаблон:Replace --><!-- Saved in parser cache with key ruwiki:stable-pcache:3548468:|#|:idhash:canonical and timestamp 20260328012533 and revision id 104658899. Rendering was triggered because: unknown --></div><noscript><img src="https://ru.wikipedia.org/wiki/Special:CentralAutoLogin/start?useformat=desktop&type=1x1&usesul3=1" alt="" width="1" height="1" style="border: none; position: absolute;"></noscript><div class="printfooter" data-nosnippet="">Источник — <a dir="ltr" href="https://ru.wikipedia.org/w/index.php?title=XFrames&oldid=104658899">https://ru.wikipedia.org/w/index.php?title=XFrames&oldid=104658899</a></div></div><div id="catlinks" class="catlinks" data-mw-interface=""><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/%D0%A1%D0%BB%D1%83%D0%B6%D0%B5%D0%B1%D0%BD%D0%B0%D1%8F:%D0%9A%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D0%B8" title="Служебная:Категории">Категории</a>: <ul><li><a href="/wiki/%D0%9A%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D1%8F:%D0%A1%D1%82%D0%B0%D0%BD%D0%B4%D0%B0%D1%80%D1%82%D1%8B_W3C" title="Категория:Стандарты W3C">Стандарты W3C</a></li><li><a href="/wiki/%D0%9A%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D1%8F:%D0%A1%D1%82%D0%B0%D0%BD%D0%B4%D0%B0%D1%80%D1%82%D1%8B_%D0%BD%D0%B0_%D0%BE%D1%81%D0%BD%D0%BE%D0%B2%D0%B5_XML" title="Категория:Стандарты на основе XML">Стандарты на основе XML</a></li></ul></div><div id="mw-hidden-catlinks" class="mw-hidden-catlinks mw-hidden-cats-hidden">Скрытые категории: <ul><li><a href="/wiki/%D0%9A%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D1%8F:%D0%A1%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D1%8B,_%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D1%83%D1%8E%D1%89%D0%B8%D0%B5_%D1%83%D1%81%D1%82%D0%B0%D1%80%D0%B5%D0%B2%D1%88%D0%B8%D0%B9_%D1%82%D0%B5%D0%B3_source" title="Категория:Страницы, использующие устаревший тег source">Страницы, использующие устаревший тег source</a></li><li><a href="/wiki/%D0%9A%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D1%8F:%D0%92%D0%B8%D0%BA%D0%B8%D0%BF%D0%B5%D0%B4%D0%B8%D1%8F:%D0%A1%D1%81%D1%8B%D0%BB%D0%BA%D0%B0_%D0%BD%D0%B0_%D0%92%D0%B8%D0%BA%D0%B8%D1%83%D1%87%D0%B5%D0%B1%D0%BD%D0%B8%D0%BA_%D0%BD%D0%B5%D0%BF%D0%BE%D1%81%D1%80%D0%B5%D0%B4%D1%81%D1%82%D0%B2%D0%B5%D0%BD%D0%BD%D0%BE_%D0%B2_%D1%81%D1%82%D0%B0%D1%82%D1%8C%D0%B5" title="Категория:Википедия:Ссылка на Викиучебник непосредственно в статье">Википедия:Ссылка на Викиучебник непосредственно в статье</a></li></ul></div></div></div> </div> <div class="right-block"> <div> <table role="presentation" class="metadata plainlinks ts-Родственный_проект noprint ruwikiWikimediaNavigation"><tbody><tr><th style="width:10%;"><span class="noviewer" typeof="mw:File"><span><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/e/e0/Notification-icon-Wikibooks-logo.svg/40px-Notification-icon-Wikibooks-logo.svg.png" decoding="async" width="24" height="24" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/e/e0/Notification-icon-Wikibooks-logo.svg/60px-Notification-icon-Wikibooks-logo.svg.png 2x" data-file-width="30" data-file-height="30"/></span></span></th><td>Имеется <a href="/wiki/%D0%92%D0%B8%D0%BA%D0%B8%D1%83%D1%87%D0%B5%D0%B1%D0%BD%D0%B8%D0%BA" title="Викиучебник">викиучебник</a> по теме <span class="wikibooks-ref"><b>«<a href="https://ru.wikibooks.org/wiki/XForms" class="extiw" title="b:XForms">XForms</a>»</b></span></td></tr></tbody></table> </div> </div> </div> <!--For a few hours---> <div ><!-- Yandex.Metrika counter --> <script type="text/javascript"> (function(m,e,t,r,i,k,a){ m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a) })(window, document,'script','https://mc.yandex.ru/metrika/tag.js?id=106724428', 'ym'); ym(106724428, 'init', {ssr:true, webvisor:true, clickmap:true, ecommerce:"dataLayer", referrer: document.referrer, url: location.href, accurateTrackBounce:true, trackLinks:true}); </script> <noscript><div><img src="https://mc.yandex.ru/watch/106724428" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --></div></body></html>