Page 43 - 6108

Елемент <button> ... </button> створює клікабельні кнопки. На
відміну від кнопок, створених <input> (<input type = "submit"> </
input>, <input type = "image">, <input type = "reset">,
<input type = "button">) , всередину елемента <button> можна
помістити контент – текст або зображення.
Для коректного відображення елемента <button> різними браузерами
потрібно вказувати атрибут type, наприклад, <button type = "submit">
</button>.
Кнопки дозволяють користувачам передавати дані в форму, очищати
вміст форми або робити які-небудь інші дії.

Прапорці в формах задаються за допомогою конструкції <input type =
"checkbox">, а перемикачі – за допомогою <input type = "radio">.
Прапорців, на відміну від перемикачів, в одній формі може бути

встановлено кілька. Якщо для прапорців вказано атрибут checked, то при
завантаженні сторінки на відповідних полях форми прапорці вже будуть
встановлені.
Елемент <label> застосовується при реалізації вибору за допомогою
перемикачів і прапорців. Можна вибрати потрібний пункт, просто клацаючи
кнопкою миші на тексті, пов'язаному з ним. Для цього потрібно помістити
відповідний <input> всередину елемента <label>.

2.1.9 Контентна модель HTML5
Мова розмітки HTML формує структуру веб-сторінки, а теги
використовуються для ідентифікації типу вмісту на сторінці. Семантика
HTML5 додає кожному тегу ще більше сенсу, допомагаючи ефективно
організовувати контент і використовувати теги за призначенням.
До появи HTML5 існувало дві основні категорії елементів – блочні і
рядкові. Такий поділ не зовсім точно описував різні типи вмісту, тому в
специфікації HTML5 модель вмісту була розширена, завдяки чому кожен
елемент може належати нуль, однією або більше категорій.
Тематична модель (content model), або модель контенту, описує, який тип
контенту слід очікувати всередині елемента і які елементи можуть бути
вкладені в інші елементи. Більшість елементів належать одній категорії або
декількох категоріях одночасно.
До контенту елемента відноситься текст і його дочірні елементи. Якщо
елемент не містить текст (відмінний від пропусків між елементами) і будь-який

інший елемент, він належить до «ніякої» моделі контенту.
Кожен елемент в HTML належить до нуль або більше категорій, які
групують елементи зі схожими характеристиками. Виділяють такі загальні
категорії (рис. 2.1):
Мета контент
Потоковий контент
Секційний контент
Заголовки
Текстовий контент
Вбудований контент