Frame html: Фреймы | htmlbook.ru - Блог сумасшедшего сисадмина

HTML Тег. Не поддерживается в HTML5.

HTML5CSS.ru

ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ

❮Назад Полный HTML Ссылки Дальше ❯

Для HTML5

Рекомендуем использовать аналогичный тег iframe.

Пример

Простая страница с тремя рамками:

Подробнее «Попробуйте сами» примеры ниже.

Определение и использование

Тег <frame> не поддерживается в HTML5.

Тег <frame> определяет одно конкретное окно (фрейм) в <frameset>.

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

Примечание: Если вы хотите проверить страницу, содержащую кадры, убедитесь, что <!DOCTYPE> имеет значение либо «HTML Frameset DTD» или «XHTML Frameset DTD».

Поддержка браузера

Элемент
<frame>	Да	Да	Да	Да	Да

Различия между HTML 4,01 и HTML5

Тег <frame> не поддерживается в HTML5.

Различия между HTML и XHTML

В HTML тег <frame> не имеет конечного тега. В XHTML тег <frame> должен быть правильно закрыт.

Дополнительные атрибуты

Атрибут	Значение	Описание
frameborder	0 1	Не поддерживается в HTML5. Указывает, следует ли отображать рамку вокруг фрейма
longdesc	URL	Не поддерживается в HTML5. Задает страницу, содержащую подробное описание содержимого фрейма
marginheight	pixels	Не поддерживается в HTML5. Определяет верхний и нижний пределы рамки
marginwidth	pixels	Не поддерживается в HTML5. Задает левое и правое поля фрейма
name	text	Не поддерживается в HTML5. Задает имя фрейма
noresize	noresize	Не поддерживается в HTML5. Указывает, что фрейм не изменяется
scrolling	yes no auto	Не поддерживается в HTML5. Указывает, следует ли отображать полосы прокрутки в рамке
src	URL	Не поддерживается в HTML5. Указывает URL-адрес документа, который должен отображаться в фрейме

Попробуйте сами-примеры

Horizontal frameset
Как сделать горизонтальный фрейм с тремя различными документами.

Mixed frameset
Как сделать набор фреймов с тремя документами и как их смешивать в строках и столбцах.

Frameset with noresize=»noresize»

Как использовать атрибут «noresize». Граница между фреймом A и B не изменяется.

❮Назад Полный HTML Ссылки Дальше ❯

HTML/Элемент frame

Синтаксис

HTML

XHTML

<frameset>
  <frame src="[значение]">
  .  ..
</frameset>

Описание

Элемент frame (от англ. «frame» ‒ «кадр, фрейм») создаёт в документе прямоугольную область, в которую может быть загружен другой документ (файл, например такой как html, css, js, svg). Таких областей в документе может быть несколько.

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

Chrome

Поддерж.

Firefox

Поддерж.

Opera

Поддерж.

Maxthon

Поддерж.

IExplorer

Поддерж.

Safari

Поддерж.

iOS

Поддерж.

Android

Поддерж.

Спецификация

Верс.	Раздел
HTML
2.0	—
3.2	—
4.01	16. 2.2 The FRAME element DTD: `Transitional Strict Frameset`
5.0	—
5.1	—
XHTML
1.0	Extensible HyperText Markup Language DTD: `Transitional Strict Frameset`
1.1	—

Атрибуты

bordercolor: Устанавливает цвет рамки.
frameborder: Указывает создавать или не создавать рамку.
longdesc: Указывает URL-адрес страницы содержащей полное описание содержимого фрейма.
marginheight: Вертикальный отступ от верхнего края фрейма до его содержимого.
marginwidth: Горизонтальный отступ от верхнего края фрейма до его содержимого.
name: Задаёт уникальное имя фрейму.
noresize: Запрещает изменение размеров фрейма.
scrolling: Указывает отображать или нет полосы прокрутки (scrollbars) во фрейме.
src: URL-адрес файла загружаемого во фрейм.
Глобальные атрибуты: class, id, style, title

Пример использования

Листинг кода

<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Frameset//EN» «http://www.w3.org/TR/html4/frameset.dtd»>
<html>
<head>
<meta http-equiv=»Content-Type» content=»text/html; charset=utf-8″>
<title>Элемент frame</title>
</head>
<frameset rows=»45%, 55%»>
<frame src=»/html/frame/document1. html»>
<frame src=»/html/frame/document2.html»>
<noframes>
<body>
<h2>Ошибка</h2>
<p>Ваш веб-браузер не поддерживает фреймы.</p>

</body>
</noframes>
</frameset>
</html>

Элемент frame

frame.html — Руководство разработчика

Назначение: Этот файл определяет общую навигацию и пользовательский интерфейс магазина. В 99,9% случаев это единственный шаблон, который вам когда-либо понадобится редактировать!

Кодовые блоки

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

Базовый блок кода, переменные и структура frame.html

 

  <голова>
  Класс тела   на основе страницы или статуса страницы
    [содержание]

     -- жестко закодированные скрипты
    
      [страницы_скрипты]
    

    
    
     -- жестко заданные стили нижнего колонтитула, например.  иконочные шрифты
      [страницы_стили]
    

    [frame_copyright1]
    [GLOBAL_FOOTER]

    
    

    
      [каталог]
      [кошка]

Блок кода и переменные для тега заголовка:

 
  [ЗАГОЛОВОК]
  [МЕТА]
  [шаблон]
  [таблица стилей]

  
    [ссылка_магазина]
    
      [имя_категории]
      [кошка]

Ниже приведены блоки coe, которые можно использовать в файлах frame.html, leftbar.html и rightbar.html:


[frame_search] Введите заполнитель



  [account_greeting]
  [имя пользователя]
  [frame_myaccount-ссылка-текст]
  [frame_register-текст ссылки]
  [frame_login-ссылка-текст]
  [frame_logout-текст ссылки]
 


  [название магазина]
  [слоганы магазинов]



  [frame_shopping-cart-текст]
  [frame_ITEMSINCART-текст]
  [ITEMSINCART]
  [ПРОМЕЖУТОЧНЫЙ ИТОГ]



  
    
      [link_id]
      [ссылка_цель]
      [имя_ссылки]
      [шаблон]

 
  
     
      [link_id]
      [ссылка_цель]
      [имя_ссылки]

 
  
    
    [выпадающие_атрибуты]

 
  [frame_top-sellers]
  
    
      [каталог]
      [миниатюра]
      [имя]
      
        [ЦЕНА ТОВАРА]
      
      
        [ЦЕНА ТОВАРА]
        [ЦЕНА ПРОДАЖИ ТОВАРОВ]
      
      
        [обзор_среднее]
      
    

    
      [рейтинг]
      [каталог]
      [миниатюра]
      [имя]
      
        [ЦЕНА ТОВАРА]
      
      
        [ЦЕНА ПРОДАЖИ ТОВАРОВ]
      
      
        [обзор_среднее]

 
  [frame_new-релизы]
  
    
      [каталог]
      [миниатюра]
      [имя]
      
      [бесплатная доставка]
      
      
      [ЦЕНА ТОВАРА]
      
      
      [ЦЕНА ТОВАРА]
      [ЦЕНА ПРОДАЖИ ТОВАРОВ]
      
      
        [обзор_среднее]
      
    

    
      [каталог]
      [имя]
      [миниатюра]
      
      [бесплатная доставка]
      
      
        [ЦЕНА ТОВАРА]
      
      
      [ЦЕНА ТОВАРА]
      [ЦЕНА ПРОДАЖИ ТОВАРОВ]
      
      
        [обзор_среднее]

 
  [frame_mailinglist]
  [mailinglist_email-поле]
  [текст_списка_рассылки]
  [кнопка_списка_рассылки]
  [список_рассылки_подписаться]
  [список_рассылки_отписаться]
  [mailinglist_email-ошибка]
  [список рассылки_подписать-успех]
  [список рассылки_unsubscribe-успех]

 
  [производитель рамы]
  
    [мфгид]
    [производитель]

 
  [frame_byprice]
  
    [идентификатор]
    [заголовок]

Блокировка в социальных сетях:

 
  [frame_social-icons-заголовок]
  
    [социальная_ссылка_facebook_url]
  

  
    [социальная_ссылка_твиттер_url]
  

  
    [социальная_ссылка_pinterest_url]
  

  
    [социальная_ссылка_instagram_url]
  

  
    [социальная_ссылка_youTube_url]
  

  
    [социальная_ссылка_googleplus_url]
  

  
    [социальная_ссылка_tumblr_url]
  

  
    [социальная_ссылка_блог_url]

Динамические блоки кода : Сам файл frame. html содержит следующие блоки кода, которые динамически вставляются или удаляются в зависимости от настроек/конфигураций, установленных в менеджере интернет-магазина Shift4Shop. В следующем списке мы укажем область диспетчера интернет-магазина, где настраиваются эти параметры.

FRAME_RSSFEEDS — если в Диспетчере интернет-магазина включен параметр «Отключить RSS-каналы», этот блок динамически исключается из фрейма. (Настройки -> Общие -> Настройки магазина)
page_scripts — загружает блок скриптов из шаблонов страниц, таких как home.html.
page_styles — загружает блок стилей из шаблонов страниц, таких как home.html.
quicksearch — если функция «Скрыть быстрый поиск» не используется, этот кодовый блок динамически вставляется в кадр. (Настройки -> Дизайн -> Настройки магазина)
имя пользователя — Если клиент не вошел в систему, этот блок снимается. В качестве альтернативы, если клиент вошел в систему, соответствующие переменные внутри заменяются.
global_header — если в диспетчере интернет-магазина указан глобальный заголовок, этот блок кода удаляется и вместо него используется указанный заголовок. (Настройки -> Дизайн -> Верхний и нижний колонтитулы)
shopping_cart — этот блок кода отображает количество товаров в корзине покупателя. Кроме того, если в диспетчере интернет-магазина включен параметр «Скрыть пустую корзину», блокировка будет применяться только после добавления товаров в корзину. (Настройки -> Общие -> Настройки магазина)
FRAME_SEARCH — Этот блок снимается, если функция поиска в Магазине отключена. (Настройки -> Общие -> Настройки магазина)
FRAME_MENU — Удалено, если в Диспетчере интернет-магазина включен параметр «Скрыть ссылки меню». (Настройки -> Общие -> Настройки магазина)
TOP_SELLERS_BLOCK — этот блок кода удаляется, если функция «Лучшие продавцы» отключена в диспетчере интернет-магазина. (Настройки -> Общие -> Настройки магазина)
product_review_average — если обзоры продуктов скрыты, этот блок кода динамически удаляется. (Настройки -> Общие -> Модули магазина)
FRAME_CATEGORY — этот блок кода удаляется, если в диспетчере интернет-магазина включен параметр «Скрыть категории». (Настройки -> Общие -> Настройки магазина)
SUB_CATEGORY_FORMAT — этот блок снимается, если в Диспетчере интернет-магазина включена опция «Скрыть подкатегории». (Настройки -> Общие -> Настройки магазина)
FRAME_BYPRICE — этот блок кода удаляется, если включен параметр «Скрыть поиск по цене». (Настройки -> Общие -> Настройки магазина)
FRAME_MANUFACTURER — этот блок кода удаляется, если включен параметр «Скрыть просмотр по производителю». (Настройки -> Общие -> Настройки магазина)
FRAME_MAILLIST — Если в Диспетчере интернет-магазина установлен флажок «Скрыть список рассылки», этот блок кода удаляется. (Настройки -> Общие -> Настройки магазина)
новые выпуски — этот блок кода удаляется, если в диспетчере интернет-магазина включен параметр «Скрыть новые выпуски». (Настройки -> Дизайн -> Настройки магазина)
FRAME_LINKS — этот блок кода удаляется, если в диспетчере интернет-магазина включен параметр «Скрыть ссылки (дополнительные страницы)». (Настройки -> Дизайн -> Настройки магазина)

Существует также очень специальный блок кода под названием Shift4Shop stats , который содержит специальные элементы сценариев, предназначенные для предоставления информации статистической отчетности магазина. (См. раздел «Отчеты» в диспетчере интернет-магазина.)

Переменные

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

[body_class] — динамическая переменная класса body для управления стилями страницы. Также может использоваться для установки ширины содержимого в зависимости от доступности боковой панели.
[currency_symbol] — Вставляет символ валюты.
[decimal_places] – Десятичный знак суммы валюты.
[page_scripts] — Вставляет скрипты страниц из текущего шаблона в frame.html.
[page_styles] — вставляет стили страницы из текущего шаблона в frame.html.
[TITLE] — динамически вставляет заголовки отдельных страниц и ссылается на них во время навигации.
[META] — динамически вставляет и ссылается на отдельные теги META во время навигации.
[шаблон] — эта переменная динамически вставляет имя папки темы дизайна везде, где необходимо указать путь к папке темы. (Настройки -> Дизайн -> Темы и стили)
[таблица стилей] — динамически вставляет соответствующий файл CSS темы. (Настройки -> Дизайн -> Темы и стили)
[store_url] — вставляет URL-адрес магазина везде, где требуется абсолютный путь.
[category_name] — для RSS-каналов эта переменная при необходимости вставляет название соответствующей категории.
[catid] — используется Программным обеспечением для ссылки/вставки применимого идентификатора категории при необходимости.
[ширина экрана] — определяет общую ширину экрана сайта, как указано в диспетчере интернет-магазина. (См. Настройки -> Дизайн -> Верхний и нижний колонтитулы)
[account_greeting] — отображает заголовок сообщения «Здравствуйте, [имя пользователя]», когда покупатель вошел в свою учетную запись. (См. Настройки -> Дизайн -> Язык магазина)
[имя пользователя] — вставляет имя покупателя, когда он входит в свою учетную запись/учетную запись клиента.
[frame_myaccount-link-text] — Показать ссылку на мой аккаунт. (См. Настройки -> Дизайн -> Язык магазина)
[frame_register-link-text] — Показать ссылку на регистрацию. (См. Настройки -> Дизайн -> Язык магазина)
[frame_login-link-text] — Вставляет текст для входа. (См. Настройки -> Дизайн -> Язык магазина)
[frame_logout-link-text] — Вставляет текст выхода. (См. Настройки -> Дизайн -> Язык магазина)
[frame_search] — Отображает заголовок строки поиска магазина с формулировкой «Поиск». (См. Настройки -> Дизайн -> Язык магазина)
[имя магазина] — эта переменная вставляет информацию об имени магазина. (См. Настройки -> Дизайн -> Верхний и нижний колонтитулы)
[storeslogan] — эта переменная вставляет информацию о слогане магазина. (См. Настройки -> Дизайн -> Верхний и нижний колонтитулы)
- Примечание : Применение логотипа к магазину в разделе «Верхний и нижний колонтитулы» заменит переменные [storename] и [storeslogan] и вместо них вставит логотип.
[ITEMSINCART] — Отображает количество товаров, находящихся в настоящее время в корзине покупателя.
[ПРОМЕЖУТОЧНЫЙ ИТОГ] – Вставляет текущий промежуточный итог покупателя.
[frame_shopping-cart-text] — Текст для корзины. (См. Настройки -> Дизайн -> Язык магазина)
[frame_ITEMSINCART-текст] — Текст для товаров в корзине. (См. Настройки -> Дизайн -> Язык магазина)
[link_id] — эта переменная используется Программным обеспечением для вставки применимого идентификатора базы данных ссылок меню и дополнительных страниц. (См. Настройки -> Дизайн -> Контент сайта)
[link_target] — Вставляет назначенную цель меню и дополнительные ссылки на страницы. (См. Настройки -> Дизайн -> Контент сайта)
[имя_ссылки] — Вставляет назначенное имя меню и ссылки на дополнительные страницы. (См. Настройки -> Дизайн -> Контент сайта)
[frame_top-sellers] — Отображает заголовок области «Лучшие продажи» на сайте. (См. Настройки -> Дизайн -> Язык магазина)
[catalogid] — вставляет идентификационные номера отдельных продуктов в базу данных, где отображаются продукты.
[миниатюра] — вставляет миниатюры отдельных продуктов в места отображения продуктов.
[имя] — вставляет информацию о названии отдельного продукта, где отображаются продукты.
[ITEMPRICE] — Вставляет информацию о цене отдельного продукта, где отображаются продукты.
[ITEMSALEPRICE] — вставляет информацию о цене продажи отдельного продукта, где отображаются продукты.
[обзор_среднее] — вставляет средние значения обзора отдельных продуктов в то место, где отображаются продукты.
[рейтинг] — вставляет информацию о рейтинге для конкретных продуктов «лидеров продаж».
[frame_categories] — Отображает заголовок области «Категории» сайта. (См. Настройки -> Дизайн -> Язык магазина)
[frame_byprice] — Отображает заголовок области «Поиск по цене» на сайте. (См. Настройки -> Дизайн -> Язык магазина)
[id] — используется Программным обеспечением для предоставления правильной ссылки для функции «Поиск по цене».
[название] — используется Программным обеспечением для предоставления заголовков ценового диапазона для функции «Поиск по цене».
[frame_manufacturer] — Отображает заголовок раздела «Производитель» на сайте. (См. Настройки -> Дизайн -> Язык магазина)
[mfgid] — используется Программным обеспечением для предоставления надлежащей ссылки для функции «Просмотр по производителю».
[производитель] — вставляет соответствующие названия производителей.
[frame_mailinglist] — Отображает заголовок области «Список рассылки» на сайте. (См. Настройки -> Дизайн -> Язык магазина)
[mailinglist_text] — Отображает заголовок раздела «Подписаться на нашу рассылку новостей» области списка рассылки. (См. Настройки -> Дизайн -> Язык магазина)
[mailinglist_email-field] — Отображает заполнитель электронной почты. (См. Настройки -> Дизайн -> Язык магазина)
[mailinglist_email-error] — Отображает сообщение об ошибке. (См. Настройки -> Дизайн -> Язык магазина)
[mailinglist_subscribe-success] — Отображает сообщение, если электронная почта успешно подписана. (См. Настройки -> Дизайн -> Язык магазина)
[mailinglist_unsubscribe-success] — Отображает сообщение, если электронная почта успешно отписалась. (См. Настройки -> Дизайн -> Язык магазина)
[mailinglist_button] — Отображает заголовок кнопки/ссылки «Перейти» области списка рассылки. (См. Настройки -> Дизайн -> Язык магазина)
[mailinglist_subscribe] — Отображает заголовок переключателя «Подписаться» в области списка рассылки. (См. Настройки -> Дизайн -> Язык магазина)
[mailinglist_unsubscribe] — Отображает заголовок переключателя «Отписаться» в области списка рассылки. (См. Настройки -> Дизайн -> Язык магазина)
[LEFT_BANNER] — Отображает контент, добавленный в область глобального левого баннера менеджера интернет-магазина. (См. Настройки -> Дизайн -> Верхний и нижний колонтитулы)
[frame_new-releases] — Отображает заголовок области «Новые выпуски» сайта. (См. Настройки -> Дизайн -> Язык магазина)
[RIGHT_BANNER] — Отображает контент, добавленный в область Global Right Banner менеджера интернет-магазина. (См. Настройки -> Дизайн -> Верхний и нижний колонтитулы)
[frame_social-icons-heading] — Вставляет заголовок для социальных иконок. (См. Настройки -> Дизайн -> Язык магазина)
[frame_copyright1] — Отображает заголовок раздела «Авторское право… … Программное обеспечение для электронной коммерции от Shift4Shop» на сайте. (См. Настройки -> Дизайн -> Язык магазина)
[GLOBAL_FOOTER] — отображает содержимое, добавленное в область глобального нижнего колонтитула менеджера интернет-магазина. (См. Настройки -> Дизайн -> Верхний и нижний колонтитулы)

Sortable/frame.html на мастере · SortableJS/Sortable · GitHub

Постоянная ссылка

владелец

Тег с указанным именем ветви уже существует. Многие команды Git принимают имена как тегов, так и веток, поэтому создание этой ветки может привести к неожиданному поведению. Вы уверены, что хотите создать эту ветку?

Перейти к файлу

В настоящее время не удается получить участников

Этот файл содержит двунаправленный текст Unicode, который может быть интерпретирован или скомпилирован не так, как показано ниже.

Для просмотра откройте файл в редакторе, который показывает скрытые символы Unicode. Узнайте больше о двунаправленных символах Unicode

Показать скрытые символы



	<голова>
	<метакодировка="utf-8">

	<тело>


	No related posts. Вперед Left join пример: Оператор SQL LEFT JOIN: синтаксис, примеры Назад Как сделать сайт на яндексе: Что сделать, чтобы мой сайт видели поисковые системы Добавить комментарий Отменить ответ Ваш адрес email не будет опубликован. Обязательные поля помечены * Комментарий * Имя * Email * Сайт Рубрики Css Html Http Javascript Photoshop Верстка Вопросы и ответы Макет Развитие сайтов Сайт Шаблон Шрифт Разное Рубрики Css Html Http Javascript Linux Photoshop Адаптив Верстка Вопросы и ответы Макет Развитие сайтов Разное Сайт Советы Шаблон Шаблоны Шрифт Шрифты Блог сумасшедшего сисадмина © 2024. Все права защищены. Карта сайта

Frame html: Фреймы | htmlbook.ru

HTML Тег. Не поддерживается в HTML5.

Для HTML5

Пример

Определение и использование

Поддержка браузера

Различия между HTML 4,01 и HTML5

Различия между HTML и XHTML

Дополнительные атрибуты

Попробуйте сами-примеры

Популярное

HTML/Элемент frame

Синтаксис

Описание

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

Спецификация

Атрибуты

Пример использования

frame.html — Руководство разработчика

Кодовые блоки

Переменные

Sortable/frame.html на мастере · SortableJS/Sortable · GitHub

Добавить комментарий Отменить ответ

Рубрики

Рубрики