Создание сайтов в Ростове-на-Дону Создание сайтов в Ростове-на-Дону

Создание сайтов в Ростове-на-Дону

Заказать создание сайта в Ростове-на-Дону

Посмотреть договор на создание сайта в Ростове-на-Дону

Портфолио

Цены

Сайт-старт - от 3000 руб.

Сайт-визитка - от 5000 руб.

Сайт-медиум - от 6000 руб.

Сайт-экстра - от 15000 руб.

Интернет-магазин - 12000 руб.

Познакомимся с тегами meter, progress, mark (m), time E-mail
22.02.20 16:08

Форматируя страницу в html можно использовать достаточно много всевозможных элементов для выделения разных участков тексты. Но всё же не было такой возможности, как выделять числа или время. Новинки в HTML5, введённые сравнительно недавно, решили эти проблемы.

Mark

Выделение главного фрагмента текста используется довольно часто. И новый тег mark используемый в HTML5 – незаменимый помощник здесь. Употребляется он так:

<p>Основной текст, <m>выделенный фрагмент</m>, дальнейший рассказ</p>
Часть текста, заключённую в теге <m>, можно поместить внутри другого тега, например <p>.

Time

Элемент time выделяет время и дату. Достаточно поместить их в середину тега, как здесь:

<p>Сегодня <time>21 августа 2017 года</time></p>
Meter

Если работать приходиться с различными форматами чисел, элемент meter будет незаменим в этом деле. С его помощью можно представить числа в специфичном виде:

<p>Доход за сегодняшний день: <meter>$67000</meter></p>
Посмотрите, что получилось.
Описать элемент meter помогут 6 атрибутов:

1. Value – указывает на некую величину.

2. Min – означает самый малый предел некоего значения.

3. Low – означает самый малый полученный предел.

4. High – означает самый большой полученный предел.

5. Max – означает самый большой предел некоего значения.

6. Optium – означает оптимальный размер некоего значения.

Образец употребления этих атрибутов:

<p>Балл за соревнование:

<meter value="48" min="1" max="400" low="30" high="48" optimum="4.0">48</meter>.

</p>

Progress

Название элемента говорит само за себя, он означает, на сколько процентов произошёл прогресс в работе. Как это используется:

<p>Выполнено:
<progress value="100" max="600">80%</progress>
</p>

Элемент progress обладает двумя атрибутами: value и max, что означает соответственно текущее и максимальное состояние при выполнении определённой задачи.

 
Главная Статьи Познакомимся с тегами meter, progress, mark (m), time