Iframe HTML

HTML iframe (англ. inline frame — встроенная рамка) используется для отображения одной веб-страницы в пределах другой веб-страницы.

Синтаксис HTML-фрейма

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

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

Синтаксис:

<iframe src="url" title="description"></iframe>

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

Используйте атрибуты height и width, чтобы указать размер фрейма.

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

<iframe src="demo_iframe.htm" height="200" width="300" title="Iframe Example"></iframe>

Или вы можете добавить атрибут style и использовать CSS свойства height и width:

<iframe src="demo_iframe.htm" style="height:200px;width:300px;" title="Iframe Example"></iframe>

Удаляем границу в Iframe

По умолчанию iframe имеет рамку вокруг него.

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

<iframe src="demo_iframe.htm" style="border:none;" title="Iframe Example"></iframe>

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

<iframe src="demo_iframe.htm" style="border:2px solid green;" title="Iframe Example"></iframe>

Iframe — атрибут Target

iframe можно использовать в качестве целевого фрейма для ссылки.
Для этого атрибут target ссылки должен ссылаться на атрибут name:

AppNet.club

Если целевой атрибут ссылки совпадает с именем элемента iframe, ссылка откроется во фрейме.

<iframe src="/htm/demo_iframe.htm" name="iframe_d" height="300px" width="100%" title="Iframe Example"></iframe>

<p><a href="https://appnet.club" target="iframe_d">AppNet.club</a></p>

Краткое содержание

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

Справочник по тегам HTML

Справочник по тегам содержит дополнительную информацию об этих тегах и их атрибутах.

Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.

☛ JavaScript HTML

Атрибут id HTML ☚