Как сделать ссылку в фрейме

Ссылки во фреймах

В обычном HTML-документе при переходе по ссылке, в окне браузера текущий документ заменяется новым. При использовании фреймов схема загрузки документов отличается от стандартной. Основное отличие — возможность загружать документ в выбранный фрейм из другого. Для этой цели используется атрибут target тега . В качестве значения используется имя фрейма, в который будет загружаться документ, указанный атрибутом name (пример 13.5).

Пример 13.5. Ссылка на другой фрейм

В приведенном примере фрейму присваивается имя CONTENT . Чтобы документ загружался в указанный фрейм, используется конструкция target=»CONTENT» , как показано в примере 13.6.

Пример 13.6. Содержимое файла menu2.html

      
МЕНЮ
 
Текст
  

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

• _blank — загружает документ в новое окно;
• _self — загружает документ в текущий фрейм;
• _parent — загружает документ во фрейм, занимаемый родителем, если фрейма-родителя нет значение действует также, как _top ;
• _top — отменяет все фреймы и загружает документ в полное окно браузера.

HTML по теме

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

Популярные рецепты

• Как добавить картинку на веб-страницу?
• Как добавить иконку сайта в адресную строку браузера?
• Как добавить фоновый рисунок на веб-страницу?
• Как сделать обтекание картинки текстом?
• Как растянуть фон на всю ширину окна?
• Как выровнять фотографию по центру веб-страницы?
• Как разместить элементы списка горизонтально?
• Как убрать подчеркивание у ссылок?
• Как убрать маркеры в маркированном списке?
• Как изменить расстояние между строками текста?
• Как сделать, чтобы картинка менялась при наведении на нее курсора мыши?
• Как открыть ссылку в новом окне?

Популярные задачи

• TEX
• Отступы между блоков
• Андроид в тени
• Ссылка как кнопка
• Вложенные списки
• Форма регистрации
• Объединение ячеек таблицы
• Обязательные поля формы
• Цвет и фон в таблице
• Асуанская плотина
• Батарейка
• Заголовки

Ссылка во фрейм

На сайте находятся справочники и учебные курсы по различным веб-технологиям, а также руководства по вёрстке веб-страниц.

Связи

Разделы сайта

Популярное

• Уроки по HTML и CSS
• Руководство по флексбоксам
• HTML5 и CSS3 на примерах
• Руководство по JSON
• Как верстать на HTML5 и CSS3
• Продвинутые уроки по HTML и CSS
• Визуальное руководство по свойствам flexbox
• Создание первого приложения на Node

Помощь по сайту

Сайт WebReference.ru использует VPS от компании Beget.

Ссылки во фреймах

Поскольку фреймы представляют собой набор независимых окон, для того, чтобы ссылка открывалась в нужном месте, следует указывать имена фреймов.

Предположим, у нас есть документ, состоящий из двух фреймов, названных MENU и CONTENT, как изображено на рис. 1.

Рис. 1. Вид документа с фреймами

Обычно в левом фрейме находится список ссылок на разделы сайта, а в правом фрейме отображается содержимое документов. Чтобы веб-страница открывалась в определенном фреймовом окне, следует использовать следующий код (пример 1).

Пример 1. Открытие документа во фрейме

      
Ссылка открывает сайт www.htmlbook.ru во фрейме с именем CONTENT
  

Если атрибут ссылки target=»CONTENT» будет опущен, документ откроется в текущем фрейме, где находится сама ссылка.

Чтобы одновременно обновить сразу два фрейма и загрузить в них разные документы, придется воспользоваться JavaScript (пример 2, 3).

Пример 2. Файл index.html

Пример 3. Файл menu3.html

      
 Нажми на меня, нажми
  

Ссылка используется как обычная, но в качестве атрибута добавляется событие onclick , отслеживающее нажатие на ссылку. Обратите внимание, что имя фрейма следует писать также, как оно указано в атрибуте name (в данном случае заглавными символами). JavaScript чувствителен к регистру и мнительно относится к любому неправильному написанию.

5.4. Ссылки внутри фреймов

В большинстве случаев при переходе по ссылке в окне браузера текущий документ заменяется новым. При использовании фреймов схема загрузки документов отличается от стандартной. Главное отличие – возможность загружать документ в выбранный фрейм из другого. Для этого применяется атрибут target элемента А. В качестве значения используется имя фрейма, в который будет загружаться документ, указанный атрибутом name.

В листинге 5.3 приведен пример HTML-документа, где некоторым фреймам присвоены имена.

Листинг 5.3. Код главной страницы

На рис. 5.5 изображен HTML-документ (листинг 5.3), в четвертый фрейм которого загружается страница, содержащая ссылку на другой документ: Другая страница.

Рис. 5.5. Четвертый фрейм содержит ссылку на другой документ

Если пользователь щелкнет кнопкой мыши на данной ссылке, то новый документ загрузится во втором фрейме, на что указывает атрибут target = «frame2» (рис. 5.6).

Рис. 5.6. Во второй фрейм загрузился новый документ

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

• target=»_blank» – документ загрузится в новом окне;

• target=»_self» – документ загрузится в текущий фрейм;

• target=»_parent» – если документ с гиперссылкой находится во вложенном наборе фреймов, то документ загружается в родительское окно или набор фреймов;

• target=»_top» – отменяет все фреймы и загружает документ в полное окно браузера.

Используя фреймы, не стоит забывать и об особенностях гиперссылок. Если атрибут target не указан, то целевой документ загружается по умолчанию в тот же фрейм. Если указано несуществующее имя фрейма, то открывается новое окно браузера, получая при этом заданное имя. Для внешних ссылок следует задавать значения атрибута target либо _top, либо _blank, чтобы чужие сайты не отображались в ваших фреймах, а занимали полное окно.

Совет

Не стоит злоупотреблять именем «_blank», потому что часто пользователи не замечают, что открылось новое окно. Незакрытые окна копятся, и пользователь может запутаться в них.

Данный текст является ознакомительным фрагментом.

Продолжение на ЛитРес

Читайте также

5.1. Создание фреймов

5.1. Создание фреймов Чтобы HTML-страница содержала фреймы, а экран был разделен на области, необходимо заменить пару тегов <BODY>..</BODY> в коде HTML-страницы парой тегов <FRAMESET>…</FRAMESET>. Необходимо также указать хотя бы один из атрибутов cols или rows. С помощью этих

5.5. Изменение размеров фреймов

5.5. Изменение размеров фреймов По умолчанию размеры фреймов можно изменять с помощью указателя мыши. Необходимо просто навести указатель на границу между фреймами и, зажав левую кнопку мыши, переместить границу влево или вправо, вверх или вниз (рис. 5.7). Рис. 5.7. Изменение

5.8. Достоинства и недостатки фреймов

5.8. Достоинства и недостатки фреймов Поскольку вокруг фреймов существует много разговоров об их необходимости, рассмотрим их достоинства и недостатки, чтобы можно было самостоятельно решить, стоит ли использовать их на своем сайте.Достоинства фреймов следующие.•

Символические ссылки. Жесткие ссылки.

Символические ссылки. Жесткие ссылки. Немного теорииВ системах Unix довольно часто возникает необходимость иметь для одного и того же файла или каталога разные имена. При этом одно из имен логично назвать основным, а все другие — его псевдонимами. В терминологии Unix такие

1.10. Образы и системы фреймов

1.10. Образы и системы фреймов «Каждый человек охотно согласится с тем, что между двумя видами ощущений — непосредственными, когда человек, например, страдает от сильной жары или ему приятно разливающееся по всему телу тепло, и ощущениями, воскрешаемыми в памяти или

1.12. Системы фреймов и конкретные мыслительные операции Пиаже

1.12. Системы фреймов и конкретные мыслительные операции Пиаже «Каковы в действительности условия, необходимые для формирования формального мышления? Ребенок должен в уме не только оперировать с предметами, иными словами, мысленно выполнять возможные над ним действия,

3.7. Резюме. Использование фреймов в эвристическом поиске

3.7. Резюме. Использование фреймов в эвристическом поиске За последние десять лет широкое распространение получила идея о том, что важны все аспекты представления информации с помощью «пространства задачи»; однако мысль о том, что описания могут быть полезны и для самих

5.2. Глобальная система пространственных фреймов

5.2. Глобальная система пространственных фреймов Мне не очень нравится предлагаемая ниже модель, но для систем ИИ раньше или позже нечто подобное непременно потребуется разработать. Глобальный пространственный фрейм (GSF) представляет собой постоянный набор «типичных

Глава 3 Способ формализации фреймов

Глава 3 Способ формализации фреймов Одни из множества возможных способов формализации фрейма-сценария предполагает представление его в виде сети следующей иерархической структуры (рис.П2). Узел самого верхнего уровня сети (на рисунке ему соответствует кружок,

3.1. Примеры формализованного представления фреймов-сценариев

3.1. Примеры формализованного представления фреймов-сценариев Приведенный выше фрейм-сценарий ресторана легко можно изобразить в виде такой графовой структуры И/ИЛИ (рис.П4). Номера сцен и действий сценария присвоены вершинам графа, представляющим соответствующие

Использование фреймов

Использование фреймов В современных браузерах навигация по сайтам с фреймами осуществляется без особых затруднений. Однако некоторые поисковые системы не индексируют фреймы, поэтому при их использовании на запускающей странице обязательно нужно поместить фрагмент

Настройки фреймов

Настройки фреймов После помещения изображения во фрейм мы можем работать отдельно с фреймом и отдельно с его содержимым – картинкой. Инструмент Direct Selection (Выделение напрямую), которым мы пользовались для того, чтобы «достать» до отдельных объектов группы, и здесь придет

Настройки текстовых фреймов

Настройки текстовых фреймов Настройки текстовых фреймов мы выделяем в отдельную категорию, поскольку есть существенная разница между настройками содержимого и настройками самого фрейма. Частично эти настройки дублируют настройки текста, а частично – являются новыми

Создание фреймов

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

Что находится внутри?

Что находится внутри? Пока нетбук находится на гарантии, разбирать его не стоит. Лучше познакомимся с его внутренним устройством на картинках. Процессор обрабатывает информацию — это «мозг» компьютера.По производительности процессоры, которые устанавливают в нетбуки,