|  в избранное  |  e-mail  |  печать |

логотип ООО «Сандриз» это просто наша работа  +7 927·241·97·35 , +7 919·686·71·32


Справочник HTML | <iframe>


Элемент <iframe> (от англ. inline frame – встроенный фрейм) создаёт встроенный фрейм, который находится внутри обычного документа, он позволяет загружать в область заданных размеров любые другие независимые документы.

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

Синтаксис


<iframe>...</iframe>

Закрывающий тег


Обязателен.

Атрибуты


alignОпределяет, как фрейм будет выравниваться по краю, а также способ обтекания его текстом.устарел
allowfullscreenРазрешает для фрейма полноэкранный режим.
allowtransparencyУстанавливает прозрачный фон фрейма, через который виден фон страницы.нестандартный
frameborderУстанавливает, отображать границу вокруг фрейма или нет.только HTML4
heightВысота фрейма.
hspaceГоризонтальный отступ от фрейма до окружающего контента.устарел
marginheightОтступ сверху и снизу от содержания до границы фрейма.только HTML4
marginwidthОтступ слева и справа от содержимого до границы фрейма.только HTML4
nameИмя фрейма.
sandboxПозволяет задать ряд ограничений на контент загружаемый во фрейме.HTML5
scrollingСпособ отображения полосы прокрутки во фрейме.
seamlessОпределяет, что содержимое фрейма должно отображаться так, словно оно является частью документа.HTML5
srcПуть к файлу, содержимое которого будет загружаться во фрейм.
srcdocХранит содержимое фрейма непосредственно в атрибуте.HTML5
vspaceВертикальный отступ от фрейма до окружающего контента.устарел
widthШирина фрейма.

Примечание: нестандартный атрибут allowtransparency и атрибуты для HTML4 frameborder, marginheight, marginwidth выключены в современных браузерах и мы имеем прозрачный фон, отсутствие рамки с отступами. Но в старых версиях браузеров (например, в Internet Explorer до версии 8.0 включительно) без этих атрибутов фрейм имеет фон с рамкой и отступы от содержания до границы фрейма. Чтобы сделать прозрачный фон и убрать рамку с отступами, необходимо задать следующие параметры:

marginheight="0" marginwidth="0" frameborder="0" allowtransparency

Валидатор будет ругаться, так как одновременно используются два стандарта HTML4 и HTML5, зато фрейм будет отображаться правильно. Если фрейму надо сделать рамку, фон или отступы от содержания до границы фрейма – используйте CSS.

Объектная модель

Объект.style.hyphens

Примечание

Internet Explorer и Edge поддерживают свойство -ms-hyphens.
Firefox поддерживает свойство -moz-hyphens.
Safari поддерживает свойство -webkit-hyphens.
Chrome и Opera поддерживают только значение auto и только на платформах Android и Mac.

Поддержка

В настольных браузерах
10 12 6 43 55 42 5.1
В мобильных браузерах
x 6 x 4.3

Пример


<!DOCTYPE html>фото примера
<html lang="ru">
 <head>
  <meta charset="utf-8">
  <title>Переносы</title>
  <style>
   p {
    width: 160px;
    background: #f0f0f0;
    border: 1px solid #333;
    padding: 10px;
    font-size: 18px;
    hyphens: auto;
   }
  </style>
 </head>
 <body>
  <p>Одиннадцатиклассница
  Анжелика после окончания школы выбрала
  профессию делопроизводительницы.</p>
 </body>
</html>

Для статьи использовалась информация с сайта webref.ru