Рамки HTML



Рамки HTML использованы для того чтобы разделить ваше окно браузера в множественные разделы где каждый раздел может нагрузить отдельно документ HTML. Собрание рамок в окне браузера как frameset. Окно разделено в рамки в подобном путе таблицы организованы: в рядки и колонки.

Недостатки рамок

Немногие недостатки с использованием рамок, поэтому никогда не порекомендованы, что использует рамки в ваших webpages:

  • Некоторые более малые приборы не могут справляться с рамками часто потому что их экран не большой достаточно быть разделенным вверх.
  • Иногда ваша страница будет показана по-разному на различных компьютерах должных к различному разрешению экрана.
  • Браузер назад застегивает не мог работать как упования потребителя.
  • Все еще немногие браузеры которые не поддерживают технологию рамки.

Создавать рамки

Для использования рамок на странице мы используем бирку <frameset> вместо бирки <body>. Бирка <frameset> определяет как разделить окно в рамки. Атрибут рядков бирки <frameset> определяет горизонтальные рамки и атрибут cols определяет вертикальные рамки. Каждая рамка показана биркой <frame> и она определяет которую документ HTML раскроет в рамку.

Пример

Следование пример для того чтобы создать 3 горизонтальных рамки:

<!DOCTYPE html>
<html>
<head>
<title>HTML Frames</title>
</head>
<frameset rows="10%,80%,10%">
   <frame name="top" src="/html/top_frame.htm" />
   <frame name="main" src="/html/main_frame.htm" />
   <frame name="bottom" src="/html/bottom_frame.htm" />
   <noframes>
   <body>
      Your browser does not support frames.
   </body>
   </noframes>
</frameset>
</html>

Это даст следующий:

HTML Horizontal Frames

Пример

Препятствуйте нам положить вышеуказанный пример следующим образом, здесь мы заменили атрибут рядков cols и изменили их ширину. Это создаст все 3 кадра вертикально:

<!DOCTYPE html>
<html>
<head>
<title>HTML Frames</title>
</head>
<frameset cols="25%,50%,25%">
   <frame name="left" src="/html/top_frame.htm" />
   <frame name="center" src="/html/main_frame.htm" />
   <frame name="right" src="/html/bottom_frame.htm" />
   <noframes>
   <body>
      Your browser does not support frames.
   </body>
   </noframes>
</frameset>
</html>

Это даст следующий:

HTML Vertical Frames

Атрибуты бирки <frameset>

Следование важные атрибуты бирки <frameset>:

АтрибутОписание
colsопределяет сколько колонок содержатся в frameset и размере каждой колонки. Вы можете определить ширину каждой колонки в одном из 4 путей:
  • Абсолютные величины в пикселах. Например для того чтобы создать 3 вертикальных рамки, используйте cols= " 100, 500.100".

  • Процент окно браузера. Например для того чтобы создать 3 вертикальных рамки, используйте cols= " 10%, 80%, 10%».

  • Используя символ специального символа. Например для того чтобы создать 3 вертикальных рамки, используйте cols= " 10%, *, 10%». В этом специальном символе случая принимает остаток окна.

  • Как относительные ширины окна браузера. Например для того чтобы создать 3 вертикальных рамки, используйте cols= " 3*, 2*, 1*». Это алтернатива к процентам. Вы можете использовать относительные ширины окна браузера. Здесь окно разделено в сексты: первая колонка принимает вверх половину окна, второе принимает 1/3, и третье принимает 1/6.

рядкиЭтот атрибут работает как раз как атрибут cols и принимает такие же значения, но он использован для того чтобы определить рядки в frameset. Например для того чтобы создать 2 горизонтальных рамки, используйте rows= " 10%, 90%». Вы можете определить высоту каждого рядка тем же самым способом, что объяснено выше для колонок.
границаЭтот атрибут определяет ширину границы каждой рамки в пикселах. Например border= " 5". Значение нул не значит никакую границу.
frameborderЭтот атрибут определяет должна ли трехмерная граница быть показана между рамками. Это attrubute принимает значение или 1 (да) или 0 (нет). Например frameborder= " 0" не определяет никакую границу.
framespacingЭтот атрибут определяет объем области памяти noun между рамками в frameset. Это может принять любое целочисленное значение. Например framespacing= " 10" середины там должно быть 10 пикселов пространств между каждое рамки.

Атрибуты бирки <frame>

Следование важные атрибуты бирки <frame>:

АтрибутОписание
srcЭтот атрибут использован для того чтобы дать имя файла которое должно быть нагружено в рамке. Свое значение может быть любым URL. Например, src=» /html/top_frame.htm» нагрузит архив HTML доступный в директории HTML.
имяЭтот атрибут позволяет вам дать имя к рамке. Он использован для того чтобы показать которую рамку документ должен быть нагружен в. Это специально важно когда вы хотите создать соединения в одном кадре которые нагружают страницы в другую рамку, в случае которой второй рамке нужно имя определить как цель соединения.
frameborderЭтот атрибут определяет ли или не показаны границы той рамки; он отвергает значение уступанное атрибут frameborder на бирке <frameset> если одно дается, и это может принять значения или 1 (да) или 0, то (нет).
marginwidthЭтот атрибут позволяет вам определить ширину пространства между левое и право границ рамки и содержания рамки. Значение уступано пикселы. Например marginwidth= " 10".
marginheightЭтот атрибут позволяет вам определить высоту пространства между верхняя часть и дно своего содержания рамки границ и. Значение уступано пикселы. Например marginheight= " 10".
noresizeзначением по умолчанию вы можете изменить размеры любая рамка путем щелкать и волочить на границах рамки. Атрибут noresize предотвращает потребителя от мочь изменить размеры рамка. Например noresize= " noresize».
перечислятьЭтот атрибут контролирует возникновение scrollbars которые появляются на рамку. Это не принимает значения или «да», «нет» или «автомобиль». Например scrolling= " нет» середины оно не должен иметь линейки прокрутки.
longdescЭтот атрибут позволяет вам снабдить соединение другая страница содержа длиннее описание содержания рамки. Например longdesc= " framedescription.htm»

Поддержка браузера для рамок

Если потребитель использует, то любой старый браузер или любой браузер который не поддерживает элемент <noframes> рамок после этого должны быть показаны к потребителю.

Так вы должны установить элемент <body> внутри элемента <noframes> потому что предположены, что заменяет элемент <frameset> элемент <body>, но если браузер не понимает элемент <frameset> после этого, то он должен понять что внутри элемента <body> который содержится в элементе <noframes>.

Вы можете положить некоторое славное сообщение для вашего потребителя имея старые браузеры. Например огорченно!! ваш браузер не поддерживает рамки. как показано в вышеуказанном примере.

Атрибуты имени и цели рамки

Одна из самых популярных польз рамок установить адвокатские сословия навигации в одном кадре и после этого нагрузить главные страницы в отдельно рамку.

Препятствуйте нам увидеть после примера где архив test.htm имеет следующий Код:

<!DOCTYPE html>
<html>
<head>
<title>HTML Target Frames</title>
</head>
<frameset cols="200, *">
   <frame src="/html/menu.htm" name="menu_page" />
   <frame src="/html/main.htm" name="main_page" />
   <noframes>
   <body>
      Your browser does not support frames.
   </body>
   </noframes>
</frameset>
</html>

Здесь мы создавали 2 колонки для того чтобы заполнить с 2 кадрами. Первая рамка 200 пикселов широко и будет содержать menubar навигации снабженная архивом menu.htm. Вторая колонка заполняет внутри оставая космос и будет содержать главным образом часть страницы и она снабжена архивом main.htm. Для всех 3 соединений доступных в menubar, мы упоминали рамку цели как main_page, поэтому когда вы щелкаете любые соединения в menubar, доступное соединение раскроет в main_page.

Следование содержание архива menu.htm

<!DOCTYPE html>
<html>
<body bgcolor="#4a7d49">
<a href="http://www.google.com" target="main_page">Google</a>
<br /><br />
<a href="http://www.microsoft.com" target="main_page">Microsoft</a>
<br /><br />
<a href="http://news.bbc.co.uk" target="main_page">BBC News</a>
</body>
</html>

Следование содержание архива main.htm:

<!DOCTYPE html>
<html>
<body bgcolor="#b5dcb3">
<h3>This is main page and content from any link will be displayed here.</h3>
<p>So now click any link and see the result.</p>
</body>
</html>

Когда мы нагружаем архив test.htm, он дает следующий:

Атрибут цели рамки

Теперь вы можете попробовать щелкнуть соединения доступные в левой панели и увидеть результат. Атрибут цели может также принять одно из следующих значений:

ВариантОписание
_selfНагружает страницу в настоящую рамку.
_blankНагружает страницу в новый браузер window.opening новое окно.
_parentНагружает страницу в окно родителя, которое в случае одиночного frameset главное окно браузера.
_topНагружает страницу в окно браузера, заменяя все настоящие рамки.
targetframeНагружает страницу в названное targetframe.
Advertisements