Html 5 матеріалів рівня тексту

В HTML 4 існує безліч елементів для різного форматування тексту, наприклад, для форматування програмного коду, виділення різних елементів тексту. При цьому до цих пір не було ніяких елементів, які дозволяють виділяти, наприклад, час або числа. Щоб виправити цей недолік в HTML 5 були введено кілька тегів рівня тексту.

Ось їх список:

1) mark (m).

2) time.

3) meter.

4) progress.

тег mark використовується для виділення певної частини тексту по якомусь критерію, наприклад, виділення особливо важливого моменту в статті.

 
 
 
 
 Основне важлива частина розповідь

Тут всередині тега

Відео: HTML5 для початківців | # 1 Введення в HTML

включений тег , який виділяє "важливу частину".

тег time, як випливає з назви, служить для виділення часу і дати. Наприклад, так:

 
 
 
 
 сьогодні 21 травня 2010 року

тег meter служить для представлення чисел в певному форматі, наприклад, зарплати, результатів голосування і так далі.

Відео: Випадашка при введенні тексту в поле Input

Ось простий приклад використання елемента meter:

 
 
 
 
 Прибуток сьогодні: $ 15000

також тег meter представляє шість атрибутів, що дозволяють полегшити життя, наприклад, тим же самим пошуковим роботам:

1) value - відповідає за саме значення якоїсь величини.

2) min - відповідає за мінімальне значення якоїсь величини.

3) low - відповідає за мінімальне значення якоїсь величини, яка була визначена.

4) high- відповідає за максимальне значення якоїсь величини, яка була визначена.

Відео: Уроки по HTML # 2 Робота з текстом в HTML

5) max- відповідає за максимальне значення якоїсь величини.

6) optium - відповідає за оптимальне значення якоїсь величини.

Відео: Textarea в HTML і тег button. Поле для введення багаторядкового тексту і кнопки. # 40

Приклад застосування цих атрибутів:

 
 
 
 
 Ваша оцінка: 
value="4.2"min="0"max="5.0"low="3.0"high="4.8"optimum="5.0"gt;4.2.

І, нарешті, елемент progress використовується для представлення будь-якого стану. Наприклад, відсоток виконання будь-якої задачі, як в прикладі нижче:

 
 
 
 
 виконано: 
value="100"max="500"gt;20%

Як можна бачити з прикладу вище, у елемента progress є два атрибути: value і max. Значення першого атрибута показує поточний стан, а значення другого атрибута показує максимум, якого необхідно досягти, щоб виконати певне завдання.

Ось і все нові теги HTML 5, що стосуються тексту. Як бачите, з`являється все більше і більше можливостей для найрізноманітнішого форматування HTML-документа, що, зрозуміло, добре для Web-майстра, якому буде простіше розуміти те, що він написав, а також для пошукових роботів, яким буде набагато простіше розуміти, про що йде мова на сторінці.

А в наступних статтях ми поговоримо і про інші нові тегах HTML.

Поділися в соціальних мережах:

Схожі