Внедрение контента в документ 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
Встроенный в документацию 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;
Когда значение элемента измерителя слишком низкое и слишком высокое, и наилучшее значение, браузер представит их по -разному