
- •22. Практическое занятие: Применение элементов Семантического Веб в Интернет-магазине
- •22.1. Введение в ускорители
- •22.1.1. Категории
- •22.1.2. Переменные
- •22.2. Описание структуры xml файла ускорителя
- •22.2.1. OpenServiceDescription
- •22.2.8. ActivityAction
- •22.2.9. Preview
- •22.2.10. Execute
- •22.2.11. Parameter
- •22.3. Создание ускорителя для Интернет-магазина
- •22.4. Регистрация ускорителя на странице
- •22.5. Микроформаты, rss
- •22.5.1. Принципы построения микроформатов
- •22.6. Определение WebSlice
- •22.6.1. Пример веб-фрагмента
- •22.6.2. Основные свойства
- •22.6.2.1. Свойство hslice
- •22.6.2.2. Свойство id
- •22.6.2.3. Свойство entry-title
- •22.6.3. Управление обновлениями и уведомление
- •22.6.3.1. Свойство ttl
- •22.6.3.2. Свойство endtime
- •22.7. Создание страницы Новости в Интернет-магазине
- •22.8. Ключевые термины
- •22.9. Краткие итоги
22.6.1. Пример веб-фрагмента
В следующем примере показывается, как веб-фрагмент определяется на веб-странице описания погоды.
<div class="hslice" id="slice1">
<p class="entry-title"> Температура воздуха в Москве: 20 градусов</p>
<div class="entry-content">
<img src="sunny.jpg">
<p>Auction ends:
<abbr class="endtime" title="2008-02-28T12:00:00-05:00">
6 hours
</abbr>
</p>
</div>
<a rel="feedurl" href="www.weather-moscow.ru/weather.xml">
Subscribe to Feed
</a>
<p>Погода обновляется каждые
<span class="ttl">
15
</span> минут.
</p>
</div>
22.6.2. Основные свойства
Основные свойства WebSlice определяют контейнер, заголовок записи и содержимое записи.
Чтобы обнаружить веб-фрагмент на веб-странице, Internet Explorer ищет элементы с определенными именами класса и атрибутами.
Обязательно должны присутствовать следующие свойства:
свойство hslice;
свойство id;
свойство entry-title.
22.6.2.1. Свойство hslice
Элемент hslice описывает раздел веб-страницы, на который можно оформить подписку в веб-браузере. В элементе hslice содержатся все обязательные и дополнительные свойства веб-фрагмента.
<div class="hslice" id="score">
В отличие от классов в традиционном стиле именам классов веб-фрагментов не требуется правило CSS в таблице стилей. Имена классов веб-фрагментов можно объединить с именами других классов в списке, разделенном пробелами.
<div class="hslice forecast" id="weather">
22.6.2.2. Свойство id
Таким же образом, как и именованная привязка, атрибут id используется для идентификации веб-фрагмента в URL-адресе. Атрибут id должен присутствовать в том же самом элементе, для которого используется класс hslice.
Значение id должно быть уникальным: если для нескольких веб-фрагментов на веб-странице используется одинаковое значение id, Internet Explorer распознает только один из них. Если значение id изменяется, Internet Explorer больше не может идентифицировать веб-фрагмент.
22.6.2.3. Свойство entry-title
По
крайней мере, в одном дочернем элементе
hslice
должно использоваться имя класса
entry-title.
Значение этого свойства сопоставляется
с текстом на кнопке веб-фрагмента
и объявленным именем на кнопке "Обнаружение
веб-канала" .
<div class="hslice" id="main">
<h2 class="entry-title">Температура воздуха в Москве</h2>
...
</div>
Можно объединить несколько текстовых записей и создать динамический заголовок, обновляемый веб-фрагментом. Класс entry-title можно применить к нескольким элементам; Internet Explorer сцепляет значения в том порядке, в котором они указаны в HTML.
В приведенном ниже примере в Internet Explorer при обновлении веб-фрагмента отображается текст "Температура воздуха в Москве: На данный момент: 20o".
<div class="hslice" id="main">
<h2 class="entry-title"> Температура воздуха в Москве:</h2>
<p>На данный момент: <span class="entry-title">20°</span>.</p>
</div>
Заголовки веб-фрагментов не могут содержать больше 128 символов.