HTML5 встроенный контент

Внедрение контента в документ HTML может сделать вашу страницу более богатой.

Использование элементов IMG может быть встроено в изображения в документы HTML.

1) SRC: показать URL изображения;

2) ALT: текст оборудования;

3) высота: высота изображения;

4) ширина: ширина изображения;

5) USEMAP: определить изображение как картирование изображения клиента;

6) ISMAP: изображение определяется как отображение изображения сервера.

Следующее специально представляет работу изображения.

Изображение может быть встроено с SRC и Alt Properties.

 <Img src = triathlon.png <img src = triathlon.png </a>

Таким образом, после нажатия на изображение браузер будет перемещаться по URL -адресу, указанному свойством HREF родительского элемента A. Атрибут ISMAP к IMG -элементу создает диаграмму ответа на раздела сервера:

 <A href = otherpage.html> <img src = triathlon.png </a>

Таким образом, положение щелчков изображения будет прикреплено к URL.

http: //bjpowernode/listings/otherpage.html?

Диаграмма ответов раздела сервера обычно означает, что сервер отвечает на различные клики пользователя на изображении на изображении.

Диаграмма ответа на разделение клиента поддерживает пользователя ориентироваться в браузере с различным URL, щелкнув различные области определенной диаграммы. Элементы области.

Роль элементов карты заключается в определении карты изображения клиента. Элементы карты обычно содержат атрибуты:

1) ID: он должен определить уникальный логотип для метки карты;

2) Имя: Необязательно, имя.

Элемент области определяет область в отображении изображения, которая всегда вложена в элемент карты. Атрибуты элемента области разделены на две категории.

1) hREF: URL, что браузер должен быть загружен после того, как эта область нажала;

2) ALT: содержание замены, соответствующие атрибуты элемента IMG;

3) Цель: отображать контекст просмотра URL, соответствующие атрибуты базового элемента;

4) REL: Опишите взаимосвязь между текущим документом и целевым документом, а также соответствующие атрибуты элемента ссылки;

5) СМИ: средний, соответствующие атрибуты элемента стиля;

6) hreflang: язык целевого документа;

7) Тип: тип целевого документа MIME.

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

1) Прямо: он представляет прямоугольную область. Соответствующий атрибут координат должен состоять из четырех целочисленных разделений (A, B, C, D), разделенных запятой: A представляет собой левую сторону левого края и прямоугольник изображения; прямоугольника;

2) Круг: он представляет круглую область. Координационные атрибуты должны состоять из трех целых чисел, разделенных запятой (A, B, C): A представляет собой расстояние от левого края изображения до круглого сердца;

3) Поли: представляет собой многоугольник. Координационные атрибуты должны содержать не менее шести целых чисел, разделенных запятыми, каждая пара чисел представляет собой один из вершины многоугольника;

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

Ниже приведен пример:

 <p> <img src = triathlon.png usemap =#mymap <name = mymap> <rea href = shipame.html shape = прямоугольные координации = 3,5,68,62 мл формы = прямые координации = 70,5,130,62 <rea href = otherpage.html shape = default </map>

Приведенный выше сценарий определяет, что если пользователь нажимает на плавательную часть картинки, браузер перемещается до Shipage.html

Элемент iframe может быть встроен в другой документ в существующий HTML -документ. Атрибут, поддерживаемый этим элементом, заключается в следующем:

1) SRC: URL документа, отображаемого в iframe;

2) srcdoc: указывает HTML -содержание страницы, отображаемого на страницах, отображаемых в iframe;

3) Имя: Имя iframe может использоваться в цели контекста и других элементов (например, A, форма, кнопка, вход и база).

4) Ширина: Определите ширину iframe;

5) высота: стандарт высоты iframe;

6) Песочница: дополнительный предел контента в iframe, значение поддержки включает в себя:

----: Примените все ограничения ниже;

--- Alling-Same-orgin: разрешение содержания iframe считается тем же источником, что и остальная часть документа;

--- Allow-top-navigation: разрешить ссылку на контекст просмотра верхнего уровня, чтобы вы могли заменить текущий весь документ другим документом или создать новую метку и окно;

7) Бесполезно: инструкции по проведению браузера отобразить содержимое IFRAME, как общий компонент основного HTML -документа; Использование этого атрибута выглядит следующим образом (большинство браузеров этого атрибута еще не поддерживаются):

 <iframe src = demo_iframe.htm еместный> </iframe>

Ниже приведен полный пример iframe:

 <header> <h1> вещи, которые мне нравятся </h1> <vav> <ul> <li> <a href = fruits.html target = myframe> Fruits ilike </a> </li> <li> <a href = Actions.html target = myframe> действия ilike </a> </li> </ul> </nav> </header> <iframe name = myframe width = 300 height = 100/>

Элементы объекта и встроенные элементы используются для расширения емкости браузера и добавления поддержки.

Встроенный элемент определяет встроенный контент, атрибуты поддержки следующие:

1) высота: установите высоту встроенного содержания;

2) SRC: URL контента;

3) Тип: Определите тип встроенного контента MIME, чтобы браузер знал, как с ним справиться;

4) Ширина: установите ширину встроенного контента.

Любые другие атрибуты, которые вы применяете, будут рассматриваться как параметр плагина -ин или содержимого. Посмотрите на пример ниже:

 <embed src = http://www.youtube.com/v/qza60hca9s?

Атрибут с повышенным экраном используется выше, чтобы установить, включить ли функцию просмотра полного экрана.

Элементы объекта также используются для определения встроенного объекта, такого как: изображения, аудио, видео, PDF, Flash и т. Д. Элементы объекта могут содержать запасной контент, который отображается, когда указанный контент недоступен.

 <ширина объекта = 560 высота = 349 data = http: // titan/myiimaginaryfile> <param name = allowfulscreen value = true/> </b> Мы не можем отобразить содержимое </object>

Если ресурсы, на которые ссылается атрибут данных, не существует, отображается контент в элементе объекта.

Элемент прогресса представляет собой планку прогресса. Атрибуты поддержки включают:

1) макс: указывает максимальное значение задачи;

2) значение: определить текущий прогресс между значениями 0 и максимальных атрибутов;

3) Форма: одна или несколько форм, которые принадлежат.

Когда максимальный атрибут опущен, диапазон составляет от 0 до 1, а в атрибуте значения используются числа точков с плаванием для представления прогресса, например, 0,3, указывают 30%.

 <Идентификатор прогресса = значение myProgress = 10 max = 100> </progress> <p> <кнопка типа = значение кнопки = 30> 30%</button> <кнопка типа = кнопка = 60> 60%</butt on> < Тип кнопки = значение кнопки = 90> 90%</button> </p> <script> var buttons = document.getElementsbytagname ('кнопка'); .length;

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

Элемент измерителя показывает определенное значение в определенном диапазоне. Атрибуты поддержки включают:

1) мин и макс. Укажите диапазон только прицела, вы можете использовать плавучих точек;

2) Низкий: укажите диапазон с низким значением, владение под ним считается слишком низким;

3) Высокий: укажите высокий диапазон значений, все значения выше, чем он считается слишком высоким;

4) Оптимальный: укажите лучшее значение;

5) значение: должно быть, текущее значение измерения;

6) Форма: одна или несколько форм, которые принадлежат.

 <Метр идентификатор = значение mymeter = 90 мин = 10 макс = 100 низкого = 40 High = 80optimum = 60> </meter> <p> <кнопка типа = 30> 30%</button> utton value = 60> 60%< /Кнопка> <Кнопка Тип = значение кнопки = 90> 90%</button> </p> <script> var buttons = document.getElementsbytagname); = 0;

Когда значение элемента измерителя слишком низкое и слишком высокое, и наилучшее значение, браузер представит их по -разному