Html 5 інтерактивні елементи
У HTML 5 з'явилися кілька різних інтерактивних елементів, які дозволяють змінювати сторінку без її перезавантаження, що дуже корисно для створення динамічних сайтів.
Ось список інтерактивних елементів з'явилися в HTML 5:
Елемент menu в HTML 5 є досить цікавим, в тому плані, що він був ще в більш старих версіях мови HTML. але потім був визнаний застарілим, і ось в HTML 5 він несподівано повернувся знову.
Елемент menu містить елементи command (подібно списку і його елементів), кожний з яких здатний запускати певну дію.
Відповідно, атрибут label відповідає за заголовок команди, а атрибут onclick обробляє подія "Клік миші". Тут при натисненні, наприклад, по мітці "Перша команда" вискочить вікно, в якому буде написано: "Перша команда". Завдяки елементам menu і command можна легко робити різні панелі інструментів, цікаву навігацію по сайту тощо.
Елемент datagrid є таблицею даних, але, на відміну від звичайних таблиць, елемент datagrid може легко оброблятися користувачами, наприклад, вони зможуть додавати і видаляти рядки і стовпці, сортувати їх або згортати. Ось приклад використання елемента datagrid:
Також замість таблиці дочірнім елементом datagrid може бути, наприклад, елемент select. Головний сенс цього елемента, що створюється масив з даними з дочірніх елементів, і це може бути або таблиця, або навіть звичайний список.
Елемент details використовується для вказівки інформації, яка не є обов'язковою до показу. Різні браузери по-різному будуть обробляти даний елемент. Наприклад, який-небудь браузер зробить просто виноску, а інший браузер зробить підказку. Приклад використання елементу details нижче:
Основне оповідання
Ось і все нововведення в HTML 5 щодо інтерактивних елементів.