Вернуться на главную

Самостоятельное изучение HTML5 и CSS3

iframe

iframe - элемент, позволяющий загружать в область заданных размеров любые другие независимые документы.
Для добавления на эту страницу iframe содержащий другую страницу добавить дескриптор iframe с атрибутом src содержащим адрес нужной страницы
Пример:

<iframe src="page6-1.html"></iframe>

Можно заметить что вокруг iframe отрисовывается рамка. Ее можно убрать присвоив атрибуту frameborder значение "0". Но так делать нежелательно. Автор говорит что это делать правильно при помощи CSS, правда не говорит как.
Внутри дескриптора iframe можно внести текст, который будет отображаться в случае если браузер не может отобразить содержимое iframe.

Еще несколько атрибутов для дескриптора iframe:

height
висота iframe, в пикселях
width
ширина iframe, в пикселях
scrolling (не рекомендуется к использованию в html5, снова отсылка к css окотором я пока не знаю)
помогает контролировать скролбары. Может иметь значения: auto(по умолчанию) - скролбары появятся только в том случае если это необходимо, yes - скролбары будут видны всегда, no - скролбары не появятся нникогда
name
имя фрейма которое можно написать в атрибуте target других дескрипторов

О использовании name:
В iframe который использован для примера в начале урока добавляем атрибут name со значением, например, "iframe1"
В ссылках выше в атрибут target пишем значение "iframe1"

Зеленая Розовая

Отдельно стоит упомянуть о атрибуте sandbox для дескриптора iframe. Он нужен для указания параметров безопасности в используемом фрейме. Может иметь значения:

если атрибут sandbox прописан но значения ему не присвоено
запрещает всё.
allow-forms
разрешает отправку форм
allow-scripts
разрешает выполнение скриптов
allow-some-origin
разрешает куки и всякое в этом роде (со слов автора) НЕЛЬЗЯ использовать совместно с allow-scripts
allow-top-navigation
разрешает значение атрибута target="_top" в дескрипторе a

Атрибут seamless
Этому атрибуту не присваивается никакое значение. Фрейм будет отображаться так ка будто он является частью документа. Нужен для встраивания фрейма в структуру документа, при этом sandbox игнорируется, iframe становится блочным, сслыки открываются в текущем окне документа. Самое важное, стили css распространяются на содержимое фрейма

Автор помянул еще о одном атрибуте srcdoc. Он хранит содержимое файла в своем значении. При этом src игнорируется. С точки зрения автора неприменим ввиду бесполезности и я с ним соглашусь