Основні теги
службові теги
- doctype
версія html - html
головний тег на сторінці - head
службове вміст сторінки - body
основний вміст сторінки - title
заголовок всієї сторінки - link
підключення CSS - style
підключення CSS
на HTML сторінці - script
підключення скриптів - meta
службові команди
- form
форма - input
поле введення - checkbox
прапорець чекбокс - radio
радіо перемикач - password
поле для пароля - submit
кнопка відправки форми - reset
кнопка скидання форми - button
кнопка - textarea
многострочное поле введення - select
випадаючий список - option
пункт списку - optgroup
угруповання пунктів - label
мітка для поля введення - fieldset
угруповання полів форми - legend
підпис над угрупованням полів - datalist
автозаповнення
Атрибути для форм
- name
ім'я поля введення - type
тип поля введення - value
вміст поля введення - placeholder
підказка в полі введення - checked
зазначений прапорець - selected
обраний пункт списку - disabled
неактивний елемент - form
зв'язок з формою - required
обов'язковість для заповнення - pattern
перевірка
по регулярному виразу - autofocus
автоматичний фокус - autocomplete
скасовує автозаповнення - enctype
спосіб кодування - spellcheck
правопис - tabindex
перехід
через клавішу tab - accesskey
гарячі клавіші - list
зв'язок з тегом datalist
рідкісні теги
Основні атрибути
- table
таблиця - tr
ряд таблиці - td
осередок таблиці - th
осередок-заголовок таблиці - tbody
основна частина таблиці - tfoot
нижня частина таблиці - thead
верхня частина таблиці - caption
заголовок всієї таблиці
Атрибути для таблиць
- cellpadding
відступ від кордону
(Застарів в HTML5) - cellspacing
відступ між осередками
(Застарів в HTML5) - colspan
об'єднання
колонок таблиці - rowspan
об'єднання
рядів таблиці
Теги HTML5 для макета
- header
хедер
верхня частина сторінки - main
контент
основний вміст сторінки - aside
сайдбар
бокова частина сторінки - footer
футер
нижня частина сторінки - nav
навігація (меню) - article
TODO. сайту - section
TODO розділ сайту
Атрибути для макетів
медіа теги
напрямок тексту
- code
код - var
змінна - samp
результат скрипта - kbd
текст, набраний на клавіатурі - xmp
теги як звичайний текст
(Тег нестандартний)
рідкісні атрибути
- data
для зберігання даних в js - dir
напрямок тексту
TODO опис невірно! - lang
мова тексту - contenteditable
редагування тексту - hidden
приховування елемента
Атрибут disabled блокує елемент HTML форми. тобто робить його неактивним.
У разі кнопки (button або input з атрибутом type в значеннях button. Reset або submit) блокування означає, що на кнопку можна буде натиснути.
У випадку з текстовим полем введення (input або textarea) в ньому не можна буде поміняти або скопіювати текст.
У випадку з чекбоксами і радіо кнопочками їх стан (відзначено чи ні) не можна буде змінити.
У випадку з випадають списками select можна буде змінити обраний пункт списку.
Заблокований елемент за замовчуванням має сірий фон. Він також не братиме участі в переходах клавішею Tab.
Блокування елементів зазвичай потрібна для того, щоб заборонити йому міняти деякі значення (які, тим не менш, повинні бути показані користувачеві у вигляді елементів форми). Іноді елементи блокують (і знімають блокування) за допомогою JavaSctipt.
Див. Також псевдокласи disabled і enabled. які задають стилі заблокованим і незаблокованим елементам.
Приклад. Заблокована кнопка
В даному прикладі кнопка заблокована за допомогою атрибута disabled. Для порівняння поруч привожу приклад Незаблокована кнопки (спробуйте на неї натиснути):
Результат виконання коду:
Приклад. заблокований чекбокс
В даному прикладі можна спостерігати заблокований прапорець чекбокс. Для порівняння поруч привожу приклад Незаблокована прапорця:
Результат виконання коду:
Приклад. Заблокований і відзначений чекбокс
В даному прикладі можна спостерігати заблокований і відзначений за допомогою атрибута checked прапорець чекбокс. Для порівняння поруч привожу приклад Незаблокована зазначеного прапорця:
Результат виконання коду:
Приклад. Заблокований текстовий інпут
В даному прикладі можна спостерігати заблокований інпут. Для порівняння поруч привожу приклад Незаблокована інпут:
Результат виконання коду:
Приклад. заблокований текстареа
В даному прикладі можна спостерігати заблокований текстареа (зверніть увагу на те, що розмір заблокованого textarea можна міняти). Для порівняння поруч привожу приклад Незаблокована текстареа:
Результат виконання коду:
Приклад. Заблокований, що випадає
В даному прикладі можна спостерігати заблокований select. Для порівняння поруч привожу приклад Незаблокована списку:
Результат виконання коду:
Основні теги
службові теги
- doctype
версія html - html
головний тег на сторінці - head
службове вміст сторінки - body
основний вміст сторінки - title
заголовок всієї сторінки - link
підключення CSS - style
підключення CSS
на HTML сторінці - script
підключення скриптів - meta
службові команди
- form
форма - input
поле введення - checkbox
прапорець чекбокс - radio
радіо перемикач - password
поле для пароля - submit
кнопка відправки форми - reset
кнопка скидання форми - button
кнопка - textarea
многострочное поле введення - select
випадаючий список - option
пункт списку - optgroup
угруповання пунктів - label
мітка для поля введення - fieldset
угруповання полів форми - legend
підпис над угрупованням полів - datalist
автозаповнення
Атрибути для форм
- name
ім'я поля введення - type
тип поля введення - value
вміст поля введення - placeholder
підказка в полі введення - checked
зазначений прапорець - selected
обраний пункт списку - disabled
неактивний елемент - form
зв'язок з формою - required
обов'язковість для заповнення - pattern
перевірка
по регулярному виразу - autofocus
автоматичний фокус - autocomplete
скасовує автозаповнення - enctype
спосіб кодування - spellcheck
правопис - tabindex
перехід
через клавішу tab - accesskey
гарячі клавіші - list
зв'язок з тегом datalist
рідкісні теги
Основні атрибути
- table
таблиця - tr
ряд таблиці - td
осередок таблиці - th
осередок-заголовок таблиці - tbody
основна частина таблиці - tfoot
нижня частина таблиці - thead
верхня частина таблиці - caption
заголовок всієї таблиці
Атрибути для таблиць
- cellpadding
відступ від кордону
(Застарів в HTML5) - cellspacing
відступ між осередками
(Застарів в HTML5) - colspan
об'єднання
колонок таблиці - rowspan
об'єднання
рядів таблиці
Теги HTML5 для макета
- header
хедер
верхня частина сторінки - main
контент
основний вміст сторінки - aside
сайдбар
бокова частина сторінки - footer
футер
нижня частина сторінки - nav
навігація (меню) - article
TODO. сайту - section
TODO розділ сайту
Атрибути для макетів
медіа теги
напрямок тексту
- code
код - var
змінна - samp
результат скрипта - kbd
текст, набраний на клавіатурі - xmp
теги як звичайний текст
(Тег нестандартний)
рідкісні атрибути
- data
для зберігання даних в js - dir
напрямок тексту
TODO опис невірно! - lang
мова тексту - contenteditable
редагування тексту - hidden
приховування елемента