HTML iframe

HTML элемент iframe используется для отображения веб-страницы внутри веб-страницы.

Синтаксис HTML элемента iframe

Тег HTML <iframe> определяет встроенный фрейм.

Встроенный фрейм используется для встраивания другого документа в текущий HTML-документ.

Синтаксис

<iframe src="url" title="описание"></iframe>

Совет: Рекомендуется всегда указывать атрибут title для <iframe>. Он используется программами чтения с экрана для озвучивания содержимого фрейма.

Iframe — установка высоты и ширины

Для определения размера фрейма используются атрибуты height и width.

Высота и ширина по умолчанию задаются в пикселях.

Пример

<iframe src="demo_iframe.htm" height="200" width="300" title="Пример Iframe"></iframe>

Или можно добавить атрибут style и использовать CSS-свойства height и width.

Пример

<iframe src="demo_iframe.htm" style="height:200px;width:300px;" title="Пример Iframe"></iframe>

Iframe — удаление рамки

По умолчанию вокруг фрейма есть рамка.

Чтобы удалить рамку, добавьте атрибут style и используйте CSS-свойство border.

Пример

<iframe src="demo_iframe.htm" style="border:none;" title="Пример Iframe"></iframe>

С помощью CSS также можно изменить размер, стиль и цвет рамки встроенногоо фрейма.

Пример

<iframe src="demo_iframe.htm" style="border:2px solid red;" title="Пример Iframe"></iframe>

Iframe — целевая ссылка

Встроенный фрейм может использоваться как целевой фрейм для ссылки.

Атрибут target ссылки должен ссылаться на атрибут name фрейма.

Пример

<iframe src="demo_iframe.htm" name="iframe_a" title="Пример Iframe"></iframe>

<p><a href="https://htmlclub.ru" target="iframe_a">Htmlclub.ru</a></p>

Краткое содержание главы

Тег HTML <iframe> определяет встроенный фрейм
Атрибут src определяет URL встраиваемой страницы
Всегда определяйте атрибут title (для программ чтения с экрана)
Атрибуты height и width задают размер фрейма
Используйте border:none; для удаления рамки вокруг фрейма