Главная страница>Учебник по веб-дизайну>Учебник по HTML

Разница между HTML iframe и Frameset

Автор：Eve Cole Время обновления：2025-03-20 05:00:03
Краткое введение

1. <Html "> iframe> Теги: iframe - это внутренняя структура, которая генерирует внутреннюю структуру на странице.

2. <Frameset> Теги: Frameset определяет набор структуры, который содержит несколько суб -кафров, и каждая структура имеет независимую документацию.

<iframe> тег

Iframe - это внутренняя структура, которая генерирует внутреннюю структуру на странице.

<iframe> </iframe>

свойство

Frameborder {int}: отображать кадр кадра;

src {url}: указать URI ресурса (например, веб -страницы, картинки);

прокрутка {boolean}: отображать капли панели кадра;

ширина {int}: определить ширину iframe;

высота {int}: определить высоту iframe;

Примерный пример

 <body> <h3> демонстрация тега HTML </h3> <iframe src = 1.1-shewhtml.htm> </iframe> </body>

Меры предосторожности

Когда <iframe> я добавляю контент в контент </iframe>, содержимое добавленной страницы не будет отображаться на странице отображения. Поэтому используйте атрибут SRC, чтобы указать страницу.

Сценарии приложения

1) Страница обновления издания, слишком много журналов версий, вы можете поместить информацию об обновлении в iframe.

2) Коробка редактирования удачи, такая как область [новое эссе] в парке блога.

<Frameset> этикетка

Frameset определяет набор структуры, который содержит несколько структур, и каждая структура имеет независимую документацию.

Формат

 <Frameset> <frame src = a.htm /> <frame src = b.htm /> <noframes> < /noframes> < /frameset>
Подпланирование

<framesrc = a.htm />: sub -frame <noframes> < /noframes>: когда браузер не поддерживает эту структуру, он отображается.

свойство

Атрибут Frameset:

Ряды: макет подраздела в соответствии с линией линии (). Взяв два подразделения в качестве примера: Rows = 30%,*, что указывает на то, что первая структура составляет 30%всей страницы, а вторая -оставшаяся; sub -frame (). Взятие 2 подразделения в качестве примера: Cols = 30%,*, что указывает на то, что первая структура составляет 30%от длины всей страницы, а вторая занимает оставшуюся; суб -рамы без настройки.

Атрибут кадра:

SRC: URI, который относится к ресурсу (например, страницы, картинки и т. Д.);

Имя: Укажите имя структуры для работы между рамками.

Примерный пример

 <html xmlns = http://www.w3.org/1999/xhtml> <head> <Title> Demoncation </title> </head> <Frameset Rows = 30%,* noresize = Noresize> <Frame Src = Dategrid.htm name = frm1/> <frame src = dialog.htm name = frm2/> <nooframes> </noframes> </frameset> </html>
Меры предосторожности

При использовании тега рамки обратите внимание на удаление </body> тега внешнего слоя.

Работа между субфрами

参照示例代码，frm1更改frm2的子集指向的页面： window.parent.frames[frm2].location.href = 'b.htm'

Сценарии приложения

1) Управление фоновой страницей, меню слева и подробная страница на правом кадре.

2) Страница меню функций, такая как bbs.csdn.net

Мало знаний

Когда вы просматриваете фреймворк на странице, нажмите «Право», нажмите на странице кадры, и будет больше фреймвормов.

Возьмите Chrome в качестве примера:

Связанные статьи