Новое в HTML5 - Встроенные теги

Новое в HTML5

 Встроенные теги

   У HTML4 есть много тэгов для осуществления различного текстового форматирования, но нет никаких тэгов, например чтобы показать время и дату. Поэтому теперь в HTML5 такие тэги присутствуют:

<mark>

<time>

<meter>

<progress>

   Тег <m> используется для обозначения какой-то части текста для определенных целей, например, чтобы показать важную часть текста:

...

<p>Некоторая <m>очень важная часть</m> текста...</p>

...

   Мы вставили определенную важную часть в тэг <m>.

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

...

<p>Сегодня в<time>18:30 24 ноября 2010 </time> ...</p>

...

   Тег <meter> используется, чтобы показать некоторые числа в определенном формате, например:

...

<p>ежемесячный доход<meter>$15,000</meter>...</p>

...

   У тега <meter> есть 6 полезных атрибутов:
value - задает фактическое значение чего-то;
min - задает минимальное значение чего-то;
low - определяет предел, при достижении которого значение считается низким;
high - определяет предел, при котором значение считается низким;
max - определяет максимальное значение чего-то;
optimum - определяет оптимальное значение чего-то.
Например:

...

<p> Концентрация сахара: <meter value="8.2" min="0" max="10.0" low="5.0" high="9.0" optimum="8.0">8.2</meter>. </p>

...

   Последний новый тэг <progress> используется, чтобы показать некоторую точку некоторого прогресса, например, процент завершения чего-то:

...

<p>Завершение: <progress value="100" max="500">20%</progress> </p>

...

   Тег <progress> имеет два атрибута: value - текущее значение прогресса и max - максимально значение прогресса.