Атрибути html5: reversed, contenteditable, hidden.
Відео: HTML форми - поля для введення дати і часу
Всім привіт. У цій невеликій статті ми розберемо ще деякі нові атрибути, які з`явилися в html5, а саме: reversed, contenteditable і hidden.
Reversed
Цей атрибут застосовується до нумерованим списками, і він просто змінює їх порядок. Розглянемо на прикладі.
Відео: Навчися HTML # 16: інлайн стилі і атрибут style
reversedgt;
item1
item2
item3
item4
item5
В результаті виконання даного коду нумерація буде йти не по наростаючій (1,2,3 ...), а в порядку спадання (5,4,3 ...)

Contenteditable
Даний атрибут дозволяє змінювати вміст прямо на сторінці. Створимо блок і застосуємо до нього наш новий атрибут.
contenteditablegt;
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet

Тепер, клікнувши по будь-якого місця блоку, ви побачите рамку, яка означає, що ви можете редагувати вміст блоку. Наприклад, стерти частину тексту. Це дуже зручно використовувати в адмін панелі.
Hidden
Останній новий атрибут, який ми розберемо в цій статті - hidden. За назвою нескладно догааться, що він робить. Даний атрибут просто приховує будь-який елемент на сторінці, до якого він буде застосований. Давайте, наприклад, можна застосувати його до нашого блоку.
contenteditablehiddengt;
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Якийсь текст ...Я не випадково додав сюди ще й параграф. Зроблено це для того, щоб показати вам, що елемент з атрибутом hidden повністю зникає зі сторінки і більше не займає місця взагалі. У нашому випадку на його місці буде параграф.

На цьому все. Побачимося в наступних статтях.
Як створити "вислизати" меню на css.
Як зробити аккордіон на чистому css3.
Як притиснути футер до нижньої межі сторінки (позиціонування).
Навіщо потрібно властивість page-break-inside.
Як використовувати google fonts api.
Як притиснути футер до низу сторінки (табличний спосіб).
Навіщо потрібен псевдоклас target в css3.
Як зробити гарний список, що випадає на jquery.
Як візуалізувати дані на jаvascript.
Команда attrib
Вивчаємо sass. Встановлення та налаштування.
Красиві таби на jquery.
Багатоколоночних текст на css3.
Мова розмітки markdown.
Робота з аудіо в html5.
Тіні для тексту і блоків.
Плагін emmet для sublime text.
Коментарі у вигляді бульбашки.
Атрибут data- * в html5.
Html 5 атрибути для роботи з полями форми.
Атрибут html5 - read only.
Як використовувати google fonts api.
Вивчаємо sass. Встановлення та налаштування.
Атрибут data- * в html5.
Коментарі у вигляді бульбашки.
Багатоколоночних текст на css3.
Навіщо потрібен псевдоклас target в css3.
Тіні для тексту і блоків.
Робота з аудіо в html5.
Як притиснути футер до низу сторінки (табличний спосіб).
Як зробити гарний список, що випадає на jquery.