В HTML 4 существует множество элементов для различного форматирования текста, например, для форматирования программного кода, выделения различных элементов текста. При этом до сих пор не было никаких элементов, которые позволяют выделять, например, время или числа. Чтобы исправить этот недостаток в HTML 5 были введе...
В HTML 4 существует множество элементов для различного форматирования текста, например, для форматирования программного кода, выделения различных элементов текста. При этом до сих пор не было никаких элементов, которые позволяют выделять, например, время или числа. Чтобы исправить этот недостаток в HTML 5 были введено несколько тегов уровня текста.
Вот их список:
1) mark (m).
2) time.
3) meter.
4) progress.
Тег mark используется для выделения определённой части текста по какому-либо критерию, например, выделение особо важного момента в статье.
<html>
<head>
</head>
<body>
<p>Основное <m>важная часть</m> повествование</p>
</body>
</html>Здесь внутри тега <p> включён тег <m>, который выделяет "важную часть".
Тег time, как следует из названия, служит для выделения времени и даты. Например, так:
<html>
<head>
</head>
<body>
<p>Сегодня <time>21 мая 2010 года</time></p>
</body>
</html>Тег meter служит для представления чисел в определённом формате, например, зарплаты, результатов голосования и так далее.
Вот простой пример использования элемента meter:
<html>
<head>
</head>
<body>
<p>Прибыль сегодня: <meter>$15000</meter></p>
</body>
</html>Также тег meter представляет шесть атрибутов, позволяющие облегчить жизнь, например, тем же самым поисковым роботам:
1) value - отвечает за само значение некой величины.
2) min - отвечает за минимальное значение некой величины.
3) low - отвечает за минимальное значение некой величины, которое было получено.
4) high- отвечает за максимальное значение некой величины, которое было получено.
5) max- отвечает за максимальное значение некой величины.
6) optium - отвечает за оптимальное значение некой величины.
Пример применения этих атрибутов:
<html>
<head>
</head>
<body>
<p>Ваша оценка:
<meter value="4.2" min="0" max="5.0" low="3.0" high="4.8" optimum="5.0">4.2</meter>.
</p>
</body>
</html>И, наконец, элемент progress используется для представления какого-либо состояния. Например, процент выполнения какой-либо задачи, как в примере ниже:
<html>
<head>
</head>
<body>
<p>Выполнено:
<progress value="100" max="500">20%</progress>
</p>
</body>
</html>Как можно видеть из примера выше, у элемента progress имеются два атрибута: value и max. Значение первого атрибута показывает текущее состояние, а значение второго атрибута показывает максимум, которого необходимо достигнуть, чтобы выполнить определённую задачу.
Вот и все новые теги HTML 5, касающиеся текста. Как видите, появляется всё больше и больше возможностей для самого разнообразного форматирования HTML-документа, что, разумеется, хорошо для Web-мастера, которому будет проще понимать то, что он написал, а также для поисковых роботов, которым будет гораздо проще понимать, о чём идёт речь на странице.
А в следующих статьях мы поговорим и о других новых тегах HTML.
