Атрибут frameborder HTML тега iframe
Атрибут frameborder определяет, следует ли отображать трехмерную границу вокруг фрейма.
Лучше не определять атрибут frameborder. А для определения стилей границы фрейма лучше использовать свойство CSS borders.
Для тега атрибут frameborder считается устаревшим. Однако он все еще поддерживается всеми основными браузерами.
Атрибут frameborder для тега не поддерживается в HTML5.
Вместо него следует использовать стили CSS.
Синтаксис атрибута
Значения атрибута
| Значение | Описание |
|---|---|
| 1 | Граница отображается (Значение по умолчанию) |
| 0 | Граница не отображается |
Пример использования атрибута
Встроенный фрейм без границы:
Что такое frame в HTML5?
HTML тег используется для вставки на страницу различных фреймов. Считается что этот тег стоит помещать внуть конструкции frameset , хотя многие крупные корпорации не делают так. Требует закрывающий тег .
Frame образует специальное место, куда можно загрузить какую-либо страницу другого сайта или же программу, игру или видео с другого сайта прямиком на свой сайт. Отличным примером использования фреймов является вставка видео с YouTube на свой веб сайт.
Стоит знать: раньше многие сайты строились на фреймах, но сегодня такая технология создания сайтов не приветствуется. Сайты построенные на фреймах плохо индексируются, а также имеют плохие возможности для дальнейшего редактирования. Поэтому вам стоит избегать применения фреймов для ваших сайтов, исключением может стать встраивание различных видео и тому подобных вещей на свой сайт.
Атрибуты:
- name — здесь прописывается имя для фрейма;
- src — файл, который будет загружен прямиком во фрейм;
- scrolling — служит для работы с полосой прокрутке в самом фрейме;
- noresize — задает возможность изменения ширины и высоты фрейма на сайте;
- bordercolor — задается цвет border (границы) для фрейма;
- frameborder — граница вокруг фрейма.
Пример:
Фреймы
Фрейм — это неподвижная часть (неподвижное окно) web-страницы, которая является элементом окна броузера. В каждом фрейме отображается свой документ HTML.
Пример использования фреймов — область элементов перемещения, которая обычно располагается слева или справа, а иногда снизу или вверху.
Создание стандартной страницы с фреймами требует по крайней мере трех oтдельных страниц HTML.
Во-первых, нужен файл набор фреймов (frameset), невидимая страница кода HTML, который управляет расположением и работой фреймов (назовем ее установочной, иногда ее называют страница-контейнер).
Во-вторых, нужны отдельные страницы кода для каждого фрейма.
Итак, если самая простая страница с фреймами содержит две видимые страницы, то всего получается три страницы HTML; если в странице есть три фрейма, всего получается четыре страницы и т. д.
В любом случае будет создаваться невидимая страница набора фреймов — установочная страница.
Страница набора фреймов
В файле набор фреймов прежде всего определяется тем, какие строки и/или столбцы будут создаваться и какими страницами HTML будут заполняться эти строки или столбцы. Эти задачи выполняются с помощью двух основных тегов:
- . Этот тег обозначает набор фреймов, и его основные аргументы определяют строки и столбцы. Информация о наборе закрывается соответствующим тегом .
- . Этот тег определяет отдельные фреймы внутри набора фреймов. Здесь определяется, каким документом HTML будет заполнен фрейм. Для этого используется атрибут src=x (где х- относительный или абсолютный URL страницы HTML).
У тега нет соответствующего закрывающего тега . Вся информация для отдельных фреймов располагается внутри тега и считается законченной, когда введена правая угловая скобка (>).
Как и таблицы, фреймы состоят из сетки столбцов и строк. Таблицы могут быть сложными, с ячейками, занимающими несколько столбцов или строк. В таблицах выбор горизонтальных и вертикальных точек отсчета лежит на программисте. Фреймы более просты. Столбец несомненно вертикален, строка — горизонтальна.
Синтаксис также понятен. Строки (rows) обозначаются атрибутом rows, столбцы (columns) — атрибутом cols. Размер столбцов и строк может быть задан как в пикселях, так и в процентах. Например, cols=»220, *» создает столбец слева шириной 220 пикселей и столбец справа (обозначенный звездочкой), занимающий оставшееся пространство. Чтобы добавить дополнительные столбцы, просто определите их по очереди. Например, если надо создать четыре столбца равной ширины, можно применить такой синтаксис: соls5=»25%,25%,25%,25%».
Если вы хотите создать строки, просто измените синтаксис на rows=»220, *», и в результате получится строка в верхней части экрана высотой 220 пикселей. Чтобы создать четыре отдельных строки равной высоты, понадобится код rows= «25%,25%,25%,25%».
Для создания комбинаций столбцов и строк надо просто расставить значения в соответствующие теги.
Простой файл набора фреймов выглядит следующим образом:
Конечно, чтобы страницу можно было просмотреть, файлы leftmenu.htm и welcome.htm должны быть доступны.
Аналогично организована и наша установочная страница. Результат вы видете в окне своего броузера.
Атрибуты фрейма
Для тегов и существует несколько мощных атрибутов:
- cols=x. Создает столбцы. X- переменная, которая заменяется на значение либо в пикселях, либо в процентах, либо на комбнацию одного из них и звездочки (*). В последнем случае создается динамический фрейм или фрейм относительного размера, занимающий остаток доступного пространства
- rows=x. Создает строки так же, как атрибут cols — столбцы.
- border=x. Используется броузером Netscape Navigator версии 3.0 и выше для указания ширимы рамки. Значение переменной задается в пикселях.
- frameborder=x. Используется Internet Explorer для задания ширины рамки в пикселях. Netscape Navigator 3.0 и выше использует этот атрибут со значениям и уеs или no.
- framespacing=x. Используется Internet Explorer для управления шириной рамки.
Для управления отдельными фреймами используются следующие атрибуты тега :
- frameborder=x. Управляет рамками вокруг отдельных фреймов. Netscape Navigator требует значения yes или no, a Internet Explorer будет искать числовое значение ширины в пикселях.
- marginheight=x. Контролирует высоту поля фрейма; значение указывается в пикселях.
- marginwidth=x. Контролирует ширину поля фрейма: значение указывается в пикселях
- name==x. Присваивает имя отдельному фрейму. Имена фреймов позволяют создавать ссылки па них из других страниц HTML. Имена должны начинаться со стандартного символа или цифры.
- noresize. Поместите этот полезный атрибут в вашу строку, если не хотите, чтобы пользователи вручную изменяли высоту или ширину фрейма.
- scrolling=x. Управляет отображением полос прокрутки; этому атрибуту присваиваются значения yes, no или auto. Значение yes автоматически помещает полосу прокрутки во фрейм, значение no означает, что полоса прокрутки не появится. Параметр auto отдает управление броузеру, который автоматически помещает полосу прокрутки во фрейм в случае необходимости.
- src=x. Надо заменить переменную «x» на относптельный или абсолютный URL страницы HTML, которую вы желаете поместить внутрь фрейма.
- border=x.Определяет ширину разделительной полосы между фреймами в пикселях.
- bordercolor=x.Определяет цвет разделительной полосы. Цвет задается либо шестнадцатиричным кодом, либо именем. Указание цвета подробно описано на странице Форматирование страницы
Все фреймы обязательно должны иметь имена, если вы хотите, чтобы в них могли грузиться другие страницы.
Пример «невидимой» страницы кода HTML
Посмотрим в качестве примера первую страницу этого сайта, в котрой определяется набор фреймов.
Изучаем HTML!
Вы заметили незнакомые теги и ?
Поскольку теги поддерживаются не всеми броузерами, то необходимо использовать тег перед тегом тела , а в теле программы, т.е. между тегами и , можно вставить сообщение, которое будет появляться в окне, если броузер не поддерживает фреймы.
В нашем примере, как легко видеть в окне вашего броузера, организовано три фрейма: «Menu»,»Navbar» и «RIGHT». Это имена фреймов.
Фрейм «Menu» — вертикальный — располагается в левой стороне окна броузера, занимая постоянную ширину в 120 пикселей. Он не очерчен границей и не имеет пустого пространства вокруг него. Исходным HTML-файлом для этого фрейма является файл «leftmenu.htm» — меню (карта сайта). Если этот файл не помещается на одной странице вашего броузера (это зависит от вида броузера и его настроек), то разрешена прокрутка информации в окне фрейма (атрибут scrolling=»auto»).
Фрейм «Navbar» — горизонтальный — расположен в верхней части окна броузера, занимает в высоту 44 пикселя, очерчен границей. Запрещено менять размеры этого фрейма (noresize),запрещена прокрутка (scrolling=»no»). Исходным HTML-файлом для этого фрейма является файл «navbar.htm». В нем описаны 3 навигационные «кнопки», которые вы сейчас видете на экране: «Добро пожаловать!», «Содержание», «Гостевая кника». Не конструктивно, не правда ли? Увы! Это были мои первые шаги!
И наконец, самый информационно наполненный фрейм — «RIGHT». В момент загрузки сайта в нем показывается файл «welcome.htm» (Добро пожаловать), а потом.
Потом в эту область окна броузера будет загружаться HTML-файл, который «закажет» пользователь, щелкнув по пункту меню (ссылке) во фрейме «Menu».
Таким образом реализуется механизм управления навигации по сайту.
Причем при каждом щелчке по пункту меню, содержимое выводится в область фрейм «RIGHT». В коде HTML файла «leftmenu.htm» это организовано так:
. Основы HTML Приемы создания макетов Работа с HTML Каскадные таблицы стилей Динамический HTML Дизайн Web-страницы .
Заметили — добавился ещё один атрибут в теге ссылки target ?
Именно атрибут target= «RIGHT» отвечает за то, в какой фрейме (окно) будет загружаться файл по ссылке.
Использование атрибута target для загрузки страницы в определенный фрейм
Ссылки на фрейм имеют формат:
В качестве значения атрибута target указывается то самое имя, которое мы присвоили нашему фрейму. Таким образом, мы можем открыть любую ссылку из любого окна и в любом окне (фрейме). Достаточно лишь знать его имя.
Кроме имён, определяемых непосредственно нами, есть часть уже определённых, стандартных имен:
- _blank — открывает ссылку в новом окне(загружает содержимое страницы, заданной ссылкой, в новом пустом окне)
- _top — открывает ссылку на всё окно, если она находилась во фрейме. Другими словами, она разрушает структуру фрейма и загружает файл во всё окно.
- _parent — открывает ссылку в родительском окне (загружает содержимое страницы, заданной ссылкой, в окно, которое содержит ссылку).
- _self — загружает содержимое страницы, заданной ссылкой, в окно, игнорируя используемые фреймы.
При создании этого сайта в качестве имени фрейма было использовано общее имя названия окна на странице Интернет-страницы (файл ref_internet.htm), а именно:
Таким образом обеспечивается загрузка спецификации многоуровневых таблиц на сайте Консорциума W3C в новое окно.
Убедитесь сами!
Почему следует использовать фреймы
- Используя фрэймы, можно разбить Web-страницы на несколько окон с использованием полос прокрутки. Таким образом можно улучшить внешний вид и функциональность вашего сайта.
- Каждый фрэйм имеет свой URI-адрес, что позволяет загружать его независимо от других фрэймов.
- Каждый фрэйм имеет собственое имя (атрибут name), позволяющее переходить к нему из другого фрэйма.
- Размер фрэйма может быть изменен пользователем прямо на экране при помощи мыши (если это не запрешено указанием специального атрибута noresize).
- Можно разместить статическую информацию, которую необходимо постоянно показывать пользователю (логотип фирмы, набор управляющих кнопок, copyright), в одном статическом фрэйме.
- Можно поместить в статическом фрэйме оглавление (меню, карту сайта) всех WEB-документов, содержащихся сайте, что облегчает пользователю поиск интересующей его информации.
- Можно создавать окна результатов запросов, когда в одном фрэйме находится собственно запрос, а в другом результаты запроса.
Почему не следует использовать фреймы
- Страницы сайта не индексируются обычными поисковыми системами, исключая первую страницу. Это происходит из-за того, что страница описания фреймов не содержит в себе ссылок вида . и поисковые роботы, естественно, не могут попасть на внутренние страницы.
Рекомендуется использовать теги и в установочной странице, а между ними помещать ссылки на другие страницы сайта. По этим ссылкам может пройтись поисковый робот и проиндексировать ваш сайт.
Для создания механизма навигации по сайту попробуйте использовать технологию SSI.
Атрибут frameborder
Определяет, показывать границу между фреймами или нет. Браузер Opera в любом случае демонстрирует тонкую линию, если не используется framespacing=»0″ .
Синтаксис
Значения
Допускается использовать значения yes или 1 для отображения границы и no или 0 , чтобы ее скрыть.
Значение по умолчанию
По умолчанию этот атрибут включен.
HTML 4.01 IE Cr Op Sa Fx
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.
Типы тегов
HTML5
Блочные элементы
Строчные элементы
Универсальные элементы
Нестандартные теги
Осуждаемые теги
Видео
Документ
Звук
Изображения
Объекты
Скрипты
Списки
Ссылки
Таблицы
Текст
Форматирование
Формы
Фреймы