Фреймы (теги frame, frameset, noframe, iframe) Что такое Фреймы в html



жүктеу/скачать 392.34 Kb.
бет1/4
Дата10.04.2023
өлшемі392.34 Kb.
#472021
түріПрограмма
  1   2   3   4
Фреймы (9)

Фреймы (теги frame, frameset, noframe, iframe)

Что такое Фреймы в html


Фрейм (англ. frame) - некоторая подключаемая независимая область на веб-странице.
Не пугайтесь, что это звучит немного непонятно. Давайте сразу приведем самый простой пример и тогда все станет ясно.
Отройте помощь (help) в любой программе (это может быть блокнот, какая-то программа, браузер и т.п.). Практически всегда Вы увидите хелп состоящий из двух частей (слева навигация, справа содержимое). Левая и правая части как раз и являются отдельными фреймами. Ниже представлен скриншот сделанный из хелпа самого обыкновенного блокнота Windows:

Рис 1. Использования фреймы на примере хелпа блокнота

Пример с фреймами №1


В каркасе выше рассмотренный хелп будет выглядеть следующим образом:

Рис 2. Каркас использования фреймов для примера №1
Разбиение страницы на области с помощью фреймов очень напоминает табличную верстку html (см. HTML тег table). Примерный код такой страницы может выглядеть следующим образом:
<html>
<head>
<title>Пример №1 html-страницы с фреймамиtitle>
head>
<frameset cols="25%,75%">
<frame src="menu.html">
<frame src="content.html">
<noframes>Ваш браузер не поддерживает отображение фреймовnoframes>
frameset>
html>


Пояснение к примеру №1
Как видно из кода выше, страница созданная из фреймов очень похожа на обыкновенную html-страницу: есть открывающий тег html, раздел , заголовок </b>, но есть одно большое различие. <a href="/nikolaj-stolicin-dlinnij-predlinnij.html">Наверное</a>, Вы обратили внимание, что тег body, который отвечает за тело страницы - отсутствует. <a href="/html-degen-ne-teg-degenimiz-ne.html">Вместо него вставлен тег </a><b><frameset></b>, который отвечает за тело страницы. У этого тега есть два атрибут <b>cols="25%,75%"</b>, что означает разбить все тело страницы на две области по вертикали в пропорции 1:3. Первая область займет 25% от ширины всего экрана (в ней будет первый фрейм menu.html), вторая область займет 75% от ширины всего экрана (в ней будет второй фрейм content.html). <br />Последний совсем необязательный тег это <b><noframes></b>. Он <a href="/referat-na-temu-kakoj-brauzer-luchshe-rabotu-pavel-karpenekov.html">нужен для браузеров</a>, которые не поддерживают фреймы. Если браузер не поддерживает фреймы, то рекомендуется вежливо сообщить об этом пользователю через этот тег. <br />Кстати, обратите внимание, <a href="/marietta-chudakova-ne-dlya-vzroslih-vremya-chitate-marietta-ch.html">что для тега </a><b><frame></b> не нужен закрывающий тег. <br />Надеюсь, что теперь у Вас есть представления о фреймах. Чтобы понять более трудные примеры, давайте попробуем создать простую html-страницу состоящую из 4 фреймов. Это будет пример №2. <br /> <br /> <br /></frame></noframes></frameset>
жүктеу/скачать 392.34 Kb.

Достарыңызбен бөлісу:
  1   2   3   4



©dereksiz.org 2024
әкімшілігінің қараңыз
    Басты бет