stringtranslate.com

Рамка (Всемирная паутина)

В контексте веб-браузера фрейм — это часть веб-страницы или окна браузера , которая отображает содержимое независимо от своего контейнера, с возможностью независимой загрузки содержимого. HTML или элементы мультимедиа во фрейме могут поступать с веб-сайта, отличного от сайта, предоставляющего вложенное содержимое. Эта практика, известная как фрейминг [1] , сегодня часто рассматривается как нарушение политики единого источника .

В HTML набор фреймов представляет собой группу именованных фреймов, на которые можно направлять веб-страницы и медиафайлы; iframe позволяет разместить фрейм внутри тела документа.

С начала 2000-х годов забота об удобстве использования и доступности привела к сокращению использования фреймсетов, а стандарт HTML5 их не поддерживает.

Теги и атрибуты

Рамки в HTML создаются с помощью <frameset></frameset>пары тегов. <frameset>Тег является контейнерным тегом для всех других тегов, которые используются для создания рамок. <frameset>Тег заменяет <body>тег в документах с фреймами. <frameset>Тег определяет, как разделить окно на фреймы.

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

Элемент <noframes>может быть включен, чтобы веб-браузеры с отключенными фреймами (или браузеры, которые не поддерживают фреймы) могли отображать что-либо пользователю, как в этом примере:

< frameset  cols = "85%, 15%" >  < frame  src = "http://www.example.com/frame_1.html"  name = "frame_1" >  < frame  src = "http://alt.example.com/frame_2.html"  name = "frame_2" >  < noframes > Ваш браузер не поддерживает фреймы. <a href="http://www.example.com/frame_1.html"> Щелкните здесь </a> для просмотра кадра 1. <a href="http://alt.example.com/frame_2.html"> Щелкните здесь </a> для просмотра кадра  2. </noframes> </frameset>​​​​​​ ​​​​

Наборы фреймов имеют borderатрибут. Если установлено целое число больше 0, пользователь может изменять размер фреймов, перетаскивая эту границу, если только noresizeатрибут не присутствует в элементе фрейма. Если border установлено в 0, граница не будет отображаться, а содержимое в разных фреймах будет примыкать друг к другу без разграничения.

Элемент iframeиспользуется в строке в обычном теле HTML и определяет начальное содержимое и имя аналогично элементу frame. Любой текст внутри <iframe></iframe>пары тегов будет отображаться в браузерах, которые не понимают тег iframe.

< iframe  src = "http://www.example.com/frame_1.html"  height = "480"  width = "640" > Ваш браузер не поддерживает iframes. < a  href = "http://www.example.com/frame_1.html" > Щелкните здесь </ a > , чтобы просмотреть содержимое. </ iframe >

История

Netscape Navigator 2.0 представил элементы, используемые для фреймов, в марте 1996 года. Другие производители браузеров, такие как Apple с Cyberdog, последовали этому примеру позже в том же году. [2] В то время Netscape предложила фреймы Консорциуму Всемирной паутины (W3C) для включения в стандарт HTML 3.0. [3]

Фреймы использовались для отображения и навигации ранних онлайн-журналов и веб-приложений , таких как веб-почтовые службы и веб-чаты . Фреймы имели преимущество, позволяя отображать элементы по всему сайту без необходимости использования серверных функций, таких как включения на стороне сервера или поддержка CGI . Эти функции не были распространены на ранних веб-серверах, доступных для публики.

Ранние веб-сайты часто использовали рамку вверху для отображения баннера, который нельзя было прокрутить. Эти рамки баннера иногда включали логотип сайта, а также рекламу . [4]

XHTML 1.1, предполагаемый преемник HTML 4, удалил все фреймы. XFrames , предполагаемая окончательная замена, [5] предоставил составной URI для обращения к заполненному набору фреймов.

Более поздний стандарт HTML5 удалил наборы фреймов с помощью средств, отличных от XHTML. [6] Элемент iframeостается с рядом опций « песочницы », предназначенных для обмена контентом между сайтами. [7]

Преимущества

Позволяя загружать контент и осуществлять навигацию по нему независимо, фреймы предлагали несколько преимуществ по сравнению с обычным HTML, который использовался на момент их первой разработки:

[9]

Критика

Практика фрейминга HTML-контента привела к многочисленным критическим замечаниям, большинство из которых касались удобства использования и доступности . К ним относятся:

Безопасность

Фреймы создают как технические, так и интерфейсные трудности для реализации политики одного и того же источника . В качестве примера последнего, внешняя страница может обманом заставить пользователя выполнить действие на внутренней странице (загруженной с помощью элемента iframe), которая была сделана на 99% прозрачной.

Альтернативы

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

Смотрите также

Ссылки

  1. ^ "Подключение к другим веб-сайтам". 2 апреля 2013 г. Отличительной чертой фрейминга является то, что вместо того, чтобы направлять пользователя на связанный веб-сайт, информация с этого веб-сайта импортируется на исходную страницу и отображается в специальном "фрейме". Технически, когда вы просматриваете информацию в фрейме, ваш компьютер подключается к сайту, выполняющему фрейминг, а не к сайту, страница которого отображается во фрейме.
  2. ^ Гараффа, Дэйв (23 декабря 1996 г.). "Подарок от Apple: Cyberdog 2.0a1" (пресс-релиз). Internet.com . Архивировано из оригинала 17 августа 2000 г. Получено 14 апреля 2011 г.
  3. ^ Лэдд, Эрик. «Использование HTML 3.2, Java 1.1 и CGI; Гл. 13, Фреймы». Архивировано из оригинала 30 октября 2007 г.
  4. ^ Шафер, Дэн (1996). JavaScript и волшебство Netscape . Скоттсдейл, Аризона: Coriolis Group Books. стр. 31. ISBN 978-1-883577-86-5.
  5. ^ "Рабочий проект XFrames". W3C.
  6. ^ Отличия HTML5 от HTML4: «Следующие элементы отсутствуют в HTML5, поскольку их использование ухудшает удобство использования: frame, frameset, noframes»
  7. ^ Отличия HTML5 от HTML4: «Элемент iframe имеет новые атрибуты, называемые sandbox и srcdoc, которые позволяют изолировать контент, например комментарии блога».
  8. ^ «Наборы фреймов».
  9. ^ Робертс, Л, Джон. "CSS и SEO" . Получено 28 января 2022 г.
  10. ^ ab Нильсен, Якоб (декабрь 1996 г.). «Рамки — отстой в большинстве случаев».
  11. ^ "Should You Use Frames?". Учебник по HTML-коду. Архивировано из оригинала 6 августа 2016 г. Получено 7 апреля 2010 г.
  12. ^ "GEBoyd's How To Do Just About Anything by email – Часть 1". GeoCities . 11 августа 2000 г. Архивировано из оригинала 17 августа 2000 г. Получено 24 июня 2010 г.
  13. ^ Мур-Эдед, Пирс. "SEO основы 1". Lewes SEO . Получено 25 февраля 2012 г.
  14. ^ «Я ненавижу клуб Frames».
  15. ^ ab "Почему фреймы такие злые?".
  16. ^ ab «Плюсы и минусы фреймов на веб-страницах».

Внешние ссылки