Вход/Регистрация
HTML5 для веб-дизайнеров
вернуться

Джереми Кит

Шрифт:

</a></li>

</ol>

Элемент

mark
не придает значения содержимому внутри него, а только показывает, что в данный момент он представляет интерес. Как говорит спецификация,
mark
означает «отрезок текста в одном документе, отмеченный или подсвеченный для справочных целей в связи с его релевантностью в другом контексте».

Элемент

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

time

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

Единственная сложная часть в hCalendar – описывать дату и время так, чтобы компьютер мог их прочитать. Люди любят описывать даты: «25 мая» или: «в следующую среду», но парсеры хотят видеть красиво отформатированную по ISO дату: YYYY-MM-DDThh: mm: ss.

Сообщество по микроформатам придумало несколько умных решений этой проблемы, например использование элемента

abbr
:

<abbr class="dtstart" title="1992-01-12">

12 января 1992

</abbr>

Если от того, что вы используете элемент

abbr
таким образом, вас начинает немножко мутить, есть много других способов размечать машиночитаемые даты и время в микроформатах с помощью шаблона класс-значение. В HTML5 эта проблема разрешается новым элементом
time
:

<time class="dtstart" datetime="1992-01-12">

12 января, 1992

</time>

Элемент

time
может использоваться для обозначения даты, времени или того и другого вместе:

<time datetime="17:00">17 часов</time>

<time datetime="2010-04-07">7 апреля</time>

<time datetime="2010-04-07T17:00">в 17 часов, 7 апреля</time>

Вам необязательно ставить значение даты и времени в атрибут

datetime
, но если вы этого не делаете, то должны отобразить значение для пользователя:

<time>2010-04-07</time>

meter

Элемент

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

<meter>9 из 10 кошек</meter>

Если вы не хотите, можете не выводить максимальное значение, а использовать вместо него атрибут

max
:

<meter max="10">9 кошек</meter>

Имеется также соответствующий атрибут

min
. Есть еще атрибуты
high
,
low
и
optimum
, с которыми тоже можно поиграть. Если хотите, вы можете вообще спрятать сам результат измерения в атрибут
value
.

<meter low="-273" high="100" min="12" max="30"
optimum="21" value="25">

Для этого времени года довольно-таки тепло.

</meter>

progress

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

progress
позволяет вам разметить значение, которое меняется сейчас:

Ваш профиль заполнен на <progress>60%</progress>.

И снова у вас есть атрибуты

min
,
max
и
value
, если вы предпочитаете использовать их:

<progress min="0" max="100" value="60"></progress>

Элемент

progress
особенно полезен, когда используется вместе со скриптами для DOM. Вы можете использовать JavaScript для динамического обновления значения, позволяя браузеру тем самым сообщить это изменение пользователю – это весьма кстати для Ajax-загрузок файлов.

Структура

Еще в 2005 году компания Google провела ряд исследований, чтобы обнаружить, какие именно низко висящие плоды можно найти на тропках веба .

  • Читать дальше
  • 1
  • ...
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • ...

Ебукер (ebooker) – онлайн-библиотека на русском языке. Книги доступны онлайн, без утомительной регистрации. Огромный выбор и удобный дизайн, позволяющий читать без проблем. Добавляйте сайт в закладки! Все произведения загружаются пользователями: если считаете, что ваши авторские права нарушены – используйте форму обратной связи.

Полезные ссылки

  • Моя полка

Контакты

  • chitat.ebooker@gmail.com

Подпишитесь на рассылку: