Полный html справочник: Справочник по HTML | htmlbook.ru

Содержание

HTML элементы. Полный справочник тегов

























































































































Тег Описание
<!—…—> Определяет комментарий
<!DOCTYPE>  Определяет тип документа
<a> Определяет гиперссылку
<abbr> Определяет абревиатуру или акроним
<acronym> Не поддерживается в HTML5. Используйте <abbr> вместо этого.
Определяет акроним
<address> Определяет контактную информацию автора / владельца документа
<applet> Не поддерживается в HTML5. Используйте <embed> или <object> вместо этого.
Определяет встроенный аплет
<area> Определяет область внутри карты изображения
<article> Определяет статью
<aside> Определяет содержание, кроме содержания страницы (в стороне)
<audio> Определяет звуковой контент
<b> Определяет жирный текст
<base> Указывает базовый URL-адрес / цель для всех относительных URL-адресов документа
<basefont> Не поддерживается в HTML5. Используйте CSS вместо этого.
Отпределяет цвет, размер и шрифт по умолчанию для всего текста документа
<bdi> Изолирует часть текста, который может быть отформатирован в другом направлении от иного текста за его пределами
<bdo> Переопределяет текущее направление текста
<big> Не поддерживается в HTML5. Используйте CSS вместо этого.
Определяет увеличенный текст
<blockquote> Определяет раздел, который цитируется с другого источника
<body> Определяет тело документа
<br> Определяет разрыв строки
<button> Определяет кнопку, которую можно нажимать
<canvas> Используется для рисования на лету, с помощью сценариев (обычно на JavaScript)
<caption> Определяет подпись к таблице
<center> Не поддерживается в HTML5. Используйте CSS вместо этого.
Определяет центрирование текста
<cite> Определяет название произведения при цитировании из него
<code> Определяет фрагмент компьютерного кода
<col> Указывает свойства столбцов для каждого столбца в элементе <colgroup>
<colgroup> Определяет группу с одного или нескольких столбцов в таблице для форматирования
<data> Связывает заданный контент с машиночитаемым переводом
<datalist> Определяет список предварительно определённых параметров управления вводом
<dd> Определяет описание / значение термина в списке описания
<del> Определяет удалённый с документа текст
<details> Определяет дополнительные детали, которые пользователь может просматривать или прятать
<dfn> Задаёт термин, для которого будет дано определение (definition)
<dialog> Определяет диалоговый бокс или окно
<dir> Не поддерживается в HTML5. Используйте <ul> вместо этого.
Определяет список каталогов
<div> Определяет раздел (блочный) в документе
<dl> Определяет список описаний
<dt> Определяет термин / имя в списке описания
<em> Определяет семантически подчёркнутый текст (empharized)
<embed> Определяет контейнер для внешнего (не HTML) приложения
<fieldset> Группы связанных элементов в форме
<figcaption> Определяет заголовок для элемента <figure>
<figure> Определяет автономное содержание
<font> Не поддерживается в HTML5. Используйте CSS вместо этого.
Определяет шрифт, цвет и размер текста
<footer> Определяет нижний колонтитул (футер) для документа или раздела
<form> Определяет HTML форму для ввода пользователем
<frame> Не поддерживается в HTML5.
Определяет окно (фрейм) в наборе фреймов
<frameset> Не поддерживается в HTML5.
Определяет набор фреймов
<h2> to <h6> Определяет HTML заголовки
<head> Определяет информацию о документе
<header> Определяет заголовок для документа или раздела
<hr> Определяет тематическую смену контента
<html> Определяет корень HTML-документа
<i> Определяет часть текста альтернативным голосом или настроением
<iframe> Определяет встроенный фрейм
<img> Определяет изображение
<input> Определяет элемент управления вводом
<ins> Определяет текст, который был вставлен в документ
<kbd> Определяет ввод с клавиатуры
<label> Определяет метку для элемента <input>
<legend> Определяет заголовок для элемента <fieldset>
<li> Определяет элемент списка
<link> Определяет взаимосвязь между документом и внешним ресурсом (обычно используется для ссылки на внешние таблицы стилей)
<main> Определяет основное содержание документа
<map> Определяет карту изображения на стороне клиента
<mark> Определяет помеченный (маркированный) / выделенный текст
<meta> Определяет метаданные HTML документа
<meter> Определяет скалярное измерение в пределах известного диапазона (датчик)
<nav> Определяет навигационные ссылки (навигация по сайту)
<noframes> Не поддерживается в HTML5.
Определяет альтернативное содержание для пользователей, которые не поддерживают фреймы
<noscript> Определяет альтернативное содержание для пользователей, которые не поддерживают скрипты на стороне клиента
<object> Определяет встроенный объект
<ol> Определяет упорядоченный (нумерованный) список
<optgroup> Определяет группу соответствующих параметров в выпадающем списке (выпадающем меню)
<option> Определяет параметр в выпадающем списке
<output> Определяет результат расчёт (калькуляции)
<p> Определяет параграф (абзац)
<param> Определяет параметр для объекта
<picture> Определяет контейнер для нескольких ресурсов изображения
<pre> Определяет предварительно отформатированный текст
<progress> Представляет ход выполнения задания
<q> Определяет короткую цитату
<rp> Определяет, что показывать в браузерах, которые не поддерживают ruby аннотации
<rt> Определяет пояснения / произношение символов (для восточноазиатской типографики)
<ruby> Определяет аннотацию ruby (для восточноазиатской типографики)
<s> Определяет текст, который больше не является правильным
<samp> Определяет исходные данные с компьютерной программы
<script> Определяет скрипт на стороне клиента
<section> Определяет раздел (секцию) в документе
<select> Определяет выпадающий список
<small> Определяет меньший текст
<source> Определяет несколько медиа-ресурсов для медиа-элементов (<video> и <audio>)
<span> Определяет раздел (строчный) в документе
<strike> Не поддерживается в HTML5. Используйте <del> или <s> вместо этого.
Определяет перечеркнутый текст
<strong> Определяет семантически важный текст
<style> Определяет информацию о стиле в документе
<sub> Определяет подстрчный текст (нижний индекс)
<summary> Определяет видимый заголовок для элемента <details>
<sup> Определяет надстрочный текст (верхний индекс)
<svg> Определяет контейнер для графики SVG
<table> Определяет таблицу
<tbody> Группирует содержание тела в таблице
<td> Определяет клетку (ячейку) в таблице
<template> Определяет шаблон
<textarea> Определяет многострочный элемент управления вводом (текстовая область)
<tfoot> Группирует содержание нижнего колонтитула в таблице
<th> Определяет ячейку заголовка в таблице
<thead> Группирует содержание заголовка в таблице
<time> Определяет дату / время
<title> Определяет заголовок документа
<tr> Определяет строку в таблице
<track> Определяет текстовые дорожки для медиа-элементов (<video> и <audio>)
<tt> Не поддерживается в HTML5. Используйте CSS вместо этого.
Определяет текст телетайпа
<u> Определяет текст, который должен быть стилистически отличным от обычного текста
<ul> Определяет неупорядоченный (ненумерованный) список
<var> Определяет переменную
<video> Определяет видео или фильм
<wbr> Определяет возможный разрыв строки

Полный список тегов и атрибутов HTML5. Фишки html в мире сайтостроения. Website.MirLive.com

Тег Краткое описание
<comment> Определяет комментарий
<DOCTYPE> Определяет тип документа
<a> Определяет гиперссылки
<abbr> Определяет аббревиатуру
<acronym> Не поддерживается. Определяет акроним
<address> Определяет элемент с адресом
<applet> Не поддерживается. Определяет апплет
<area> Определяет область внутри изображения карты
<article> Определяет статью
<aside> Определяет контент в стороне от основного контента страницы
<audio> Определяет аудио контент
<b> Определяет жирный текст
<base> Определяет базовый URL для всех относительных ссылок на странице
<basefont> Не поддерживается. Используетя вместо CSS для задания шрифта
<bdo> Определяет направление отображения текста
<big> Не поддерживается. Определяет большой текст
<blockquote> Определяет длинную цитату
<body> Определяет элемент тела документа
<br> Вставка одного разрыва строки
<button> Определяет кнопку
<canvas> Определяет графики
<caption> Определяет заголовок (подпись) таблицы
<center> Не поддерживается. Определяет текст по центру
<cite> Определяет цитату или сноску на материал
<code> Определяет, что текст является программным кодом
<col> Определяет атрибуты для столбцов таблицы
<colgroup> Определяет групп столбцов таблицы
<command> Определяет командную кнопку
<datagrid> Определяет данные в упорядоченный список
<datalist> Определяет выпадающий список
<datatemplate> Определяет шаблон данных
<dd> Определяет описание определения
<del> Определяет удаленный текст
<details> Определяет детали элемента
<dialog> Определяет диалог (разговор)
<dir> Не поддерживается. Определяет список директорий
<div> Определяет секцию (блок) в документе
<dfn> Определяет определение термина
<dl> Определяет список определений
<dt> Определяет определение термина в списке
<em> Определяет выделенный текст
<embed> Определяет внешний интерактивный контент или плагин
<eventsource> Определяет цель события, отправляемого по серверу
<fieldset> Определяет сгруппированный набор полей формы
<figure> Определяет группу медиа-контента, и их подписи
<font> Устаревший. Определяет шрифт текста, размер и цвет
<footer> Определяет нижний колонтитул для раздела или страницы
<form> Определяет форму
<frame> Не поддерживается. Определяет фрейм
<frameset> Не поддерживается. Определяет набор фреймов
<h2> по <h6> Определяет заголовок с 1 по 6 заголовок
<head> Определяет информацию о документе
<header> Определяет область заголовка раздела или страницы
<hr> Определяет горизонтальную линию
<html> Определяет html документ
<i> Определяет курсив
<iframe> Определяет встроенный фрейм
<img> Определяет изображение
<input> Определяет поле ввода
<ins> Определяет вставленный (обновленный) текст
<isindex> Не поддерживается. Определяет поисковый индекс в документе
<kbd> Определяет текст, набранный на клавиатуре
<label> Определяет метку для элемента формы
<legend> Определяет заголовок группы элементов формы
<li> Определяет элемент списка
<link> Определяет ссылку на ресурс
<mark> Определяет выделенный текст
<map> Определяет изображение карты
<menu> Определяет список меню
<meta> Определяет мета-информацию
<meter> Определяет измерения в течение заранее определенного диапазона
<nav> Определяет навигационные ссылки
<nest> Определяет вложенную точку в шаблоне данных
<noframes> Не поддерживается. Определяет секцию, не поддерживающую фрейм
<noscript> Определяет секцию, не поддерживающую сценарий (скрипт)
<object> Определяет внедренный объект
<ol> Определяет упорядоченный список
<optgroup> Определяет группу вариантов в раскрывающемся списке
<option> Определяет вариант в раскрывающемся списке
<output> Определяет некоторые виды результата
<p> Определяет параграф (абзац)
<param> Определяет параметр для объекта
<pre> Определяет выровненный (форматированный) текст
<progress> Определяет ход выполнения задачи любого рода
<q> Определяет краткую цитату
<rule> Определяет правила для обновления шаблонов
<s> Не поддерживается. Определяет зачеркнутый текст
<samp> Определяет образец программного кода
<script> Определяет сценарий (скрипт)
<section> Определяет раздел (секцию)
<select> Определяет список для выбора
<small> Определяет мелкий текст
<source> Определяет медиа-ресурсы
<span> Определяет раздел в документе
<strike> Не поддерживается. Определяет зачеркнутый текст
<strong> Определяет выделенный жирный текст
<style> Определяет определение стиля
<sub> Определяет индексным текст
<sup> Определяет надстрочным текст
<table> Определяет таблицу
<tbody> Определяет тело таблицы
<td> Определяет ячейку таблицы
<textarea> Определяет область ввода текста
<tfoot> Определяет колонтитул таблицы
<th> Определяет заголовок ячейки таблицы
<thead> Определяет заголовок таблицы
<time> Определяет дату/время
<title> Определяет название документа
<tr> Определяет строку таблицы
<tt> Не поддерживается. Определяет телетайп текст
<u> Не поддерживается. Определяет подчеркнутый текст
<ul> Определяет неупорядоченный список
<var> Определяет переменную
<video> Определяет видео
<xmp> Не поддерживается. Определяет выровненный текст

Справочник атрибутов HTML — Веб учебники

атрибуты Принадлежность Описание
accept <input> Указывает типы файлов, которые принимает сервер (только для type=»file»)
accept-charset <form> Указывает кодировки символов, которые будут использоваться для отправки формы
accesskey Глобальные атрибуты Указывает сочетание клавиш для активации / фокусировки элемента
action <form> Указывает, куда отправлять данные формы при отправке формы
align Не поддерживается в HTML 5. Задает выравнивание в соответствии с окружающими элементами. Используйте CSS
alt <area>, <img>, <input> Задает альтернативный текст, если исходный элемент не отображается
async <script> Указывает, что сценарий выполняется асинхронно (только для внешних сценариев)
autocomplete <form>, <input> Указывает, будет ли в элементе <form> или <input>, должен иметь автозаполнения enabled
autofocus <button>, <input>, <select>, <textarea> Указывает, что элемент должен автоматически получать фокус при загрузке страницы
autoplay <audio>, <video> Указывает, что воспроизведение аудио/видео начнется, как только оно будет готово
bgcolor Не поддерживается в HTML 5. Задает цвет фона элемента. Используйте CSS
border Не поддерживается в HTML 5. Задает ширину границы элемента. Используйте CSS
charset <meta>, <script> Указывает кодировку символов
checked <input> Указывает, что элемент <input> должен быть предварительно выбран при загрузке страницы (для type=»checkbox» или type=»radio»)
cite <blockquote>, <del>, <ins>, <q> Задает URL, который объясняет цитату / удаленный / вставленный текст
class Глобальные атрибуты Задает одно или несколько имен классов для элемента (ссылается на класс в таблице стилей)
color Не поддерживается в HTML 5. Задает цвет текста элемента. Используйте CSS
cols <textarea> Задает видимую ширину текстовой области
colspan <td>, <th> Указывает количество столбцов, которое должна охватывать ячейка таблицы
content <meta> Дает значение, связанное с http-equiv или атрибутом name
contenteditable Глобальные атрибуты Указывает, является ли содержимое элемента редактируемым или нет
contextmenu Глобальные атрибуты Задает контекстное меню для элемента. Контекстное меню появляется, когда пользователь щелкает правой кнопкой мыши на элементе
controls <audio>, <video> Указывает, что должны отображаться элементы управления аудио/видео (например, кнопка воспроизведения / паузы и т. д)
coords <area> Задает координаты области
data <object> Задает URL ресурса, используемого объектом
data-* Глобальные атрибуты Используется для хранения личных данных пользователя на странице или в приложении
datetime <del>, <ins>, <time> Указывает дату и время
default <track> Указывает, что трек должен быть включен, если предпочтения пользователя не указывают, что другой трек будет более подходящим
defer <script> Указывает, что сценарий выполняется после завершения синтаксического анализа страницы (только для внешних сценариев)
dir Глобальные атрибуты Задает направление текста для содержимого элемента
dirname <input>, <textarea> Указывает, что направление текста будет отправлено
disabled <button>, <fieldset>, <input>, <optgroup>, <option>, <select>,
<textarea>		 Указывает, что указанный элементы элемент/группа должны быть отключены
download <a>, <area> Указывает, что целевой объект будет загружен при нажатии пользователем гиперссылки
draggable Глобальные атрибуты Указывает, является ли элемент перетаскиваемым или нет
dropzone Глобальные атрибуты Указывает, копируются, перемещаются или связываются перетаскиваемые данные
enctype <form> Указывает, как данные формы должны быть закодированы при отправке на сервер (только для method=»post»)
for <label>, <output> Определяет форму элемента(ов) метки/расчет обязан
form <button>, <fieldset>, <input>, <label>, <meter>, <object>,
<output>, <select>, <textarea>		 Задает имя формы элемент принадлежит
formaction <button>, <input> Указывает, куда отправлять данные формы при отправке. Только для type=»submit»
headers <td>, <th> Задает одну или несколько ячеек заголовков, с которыми связана ячейка
height <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> Задает высоту элемента
hidden Глобальные атрибуты Указывает, что элемент еще не релевантен или больше не имеет значения
high <meter> Задает диапазон, который считается высоким значением
href <a>, <area>, <base>, <link> Указывает URL страницы, на которую переходит ссылка
hreflang <a>, <area>, <link> Указывает язык связанного документа
http-equiv <meta> Предоставляет заголовок HTTP для информации / значения атрибута содержания
id Глобальные атрибуты Задает уникальный идентификатор элемента
ismap <img> Задает изображение в качестве серверной карты изображений
kind <track> Указывает тип текстовой дорожки
label <track>, <option>, <optgroup> Задает заголовок текстовой дорожки
lang Глобальные атрибуты Задает язык содержимого элемента
list <input> Относится к элементу <datalist>, который содержит предопределенные параметры для элемента <input>
loop <audio>, <video> Указывает, что аудио / видео будет начинаться снова, каждый раз, когда он будет завершено
low <meter> Определяет диапазон, который считается низким значением
manifest <html> Указывает расположение манифеста кэша документа
max <input>, <meter>, <progress> Задает максимальное значение
maxlength <input>, <textarea> Задает максимальное количество символов, разрешенных в элементе
media <a>, <area>, <link>, <source>, <style> Указывает, для какого носителя / устройства оптимизирован связанный документ
method <form> Задает метод HTTP, используемый при отправке данных формы
min <input>, <meter> Задает минимальное значение
multiple <input>, <select> Указывает, что пользователь может ввести несколько значений
muted <video>, <audio> Указывает, что аудиовыход видео должен быть отключен
name <button>, <fieldset>, <form>, <iframe>, <input>, <map>, <meta>,
<object>, <output>, <param>, <select>, <textarea>		 Задает имя элемента
novalidate <form> Указывает, что форма не должна проверяться при отправке
onabort <audio>, <embed>, <img>, <object>, <video> Сценарий для запуска при прерывании
onafterprint <body> Сценарий, запускаемый после печати документа
onbeforeprint <body> Сценарий, выполняемый перед печатью документа
onbeforeunload <body> Скрипт будет выполняться, когда документ будет выгружен
onblur Все видимые элементы. Сценарий для запуска, когда элемент теряет фокус
oncanplay <audio>, <embed>, <object>, <video> Сценарий для запуска, когда файл готов к запуску воспроизведения (когда он достаточно буферизован, чтобы начать)
oncanplaythrough <audio>, <video> Скрипт должен быть запущен, когда файл может быть воспроизведен до конца без паузы для буферизации
onchange Все видимые элементы. Скрипт, запускаемый при изменении значения элемента
onclick Все видимые элементы. Скрипт, запускаемый при щелчке по элементу
oncontextmenu Все видимые элементы. Скрипт, запускаемый при вызове контекстного меню
oncopy Все видимые элементы. Скрипт, запускаемый при копировании содержимого элемента
oncuechange <track> Сценарий, который будет выполняться при изменении ключа в элементе <track>
oncut Все видимые элементы. Скрипт, запускаемый при вырезании содержимого элемента
ondblclick Все видимые элементы. Скрипт, запускаемый при двойном щелчке по элементу
ondrag Все видимые элементы. Скрипт, запускаемый при перетаскивании элемента
ondragend Все видимые элементы. Скрипт, запускаемый в конце операции перетаскивания
ondragenter Все видимые элементы. Скрипт, запускаемый при перетаскивании элемента в допустимый целевой объект
ondragleave Все видимые элементы. Сценарий для запуска, когда элемент оставляет допустимый целевой объект отбрасывания
ondragover Все видимые элементы. Скрипт, запускаемый при перетаскивании элемента по допустимому целевому объекту
ondragstart Все видимые элементы. Сценарий для запуска в начале операции перетаскивания
ondrop Все видимые элементы. Скрипт, запускаемый при перетаскивании элемента
ondurationchange <audio>, <video> Сценарий для запуска при изменении длины носителя
onemptied <audio>, <video> Сценарий, который нужно запустить когда что-то плохое случается и архив внезапно недоступен (как непредвиденно разъединения)
onended <audio>, <video> Скрипт должен быть запущен, когда в СМИ уже дойдет до конца (полезное мероприятие для сообщения «спасибо за прослушивание»)
onerror <audio>, <body>, <embed>, <img>, <object>, <script>, <style>, <video> Сценарий для запуска при возникновении ошибки
onfocus Все видимые элементы. Сценарий для запуска, когда элемент получает фокус
onhashchange <body> Скрипт, запускаемый при изменении привязки URL
oninput Все видимые элементы. Сценарий для запуска, когда элемент получает пользовательский ввод
oninvalid Все видимые элементы. Сценарий для запуска при недопустимом элементе
onkeydown Все видимые элементы. Скрипт, запускаемый при нажатии пользователем клавиши
onkeypress Все видимые элементы. Скрипт, запускаемый при нажатии пользователем клавиши
onkeyup Все видимые элементы. Скрипт, запускаемый при нажатии пользователем клавиши
onload <body>, <iframe>, <img>, <input>, <link>, <script>, <style> Скрипт, запускаемый после завершения загрузки элемента
onloadeddata <audio>, <video> Сценарий для запуска при загрузке данных мультимедиа
onloadedmetadata <audio>, <video> Скрипт, запускаемый при загрузке метаданных (например, измерений и длительности)
onloadstart <audio>, <video> Скрипт должен быть запущен и файл начинает загружаться до загружаемого
onmousedown Все видимые элементы. Скрипт, запускаемый при нажатии кнопки мыши на элементе
onmousemove Все видимые элементы. Скрипт должен выполняться до тех пор, пока указатель мыши перемещается по элементу
onmouseout Все видимые элементы. Скрипт, запускаемый при перемещении указателя мыши из элемента
onmouseover Все видимые элементы. Скрипт, запускаемый при наведении указателя мыши на элемент
onmouseup Все видимые элементы. Скрипт, запускаемый при отпускании кнопки мыши над элементом
onmousewheel Все видимые элементы. Скрипт, запускаемый при прокрутке колесика мыши по элементу
onoffline <body> Скрипт, запускаемый при запуске браузера в автономном режиме
ononline <body> Скрипт, запускаемый при запуске браузера в оперативном режиме
onpagehide <body> Скрипт, запускаемый при переходе пользователя со страницы
onpageshow <body> Сценарий, выполняемый при переходе пользователя на страницу
onpaste Все видимые элементы. Сценарий, выполняемый при вставке пользователем некоторого содержимого в элемент
onpause <audio>, <video> Сценарий, запускаемый при приостановке носителя пользователем или программным способом
onplay <audio>, <video> Скрипт должен быть запущен, когда СМИ готовы начать играть
onplaying <audio>, <video> Сценарий для запуска, когда носитель фактически начал играть.
onpopstate <body> Скрипт, запускаемый при изменении истории окна.
onprogress <audio>, <video> Сценарий для запуска, когда браузер находится в процессе получения данных мультимедиа
onratechange <audio>, <video> Сценарий для запуска при каждом изменении скорости воспроизведения (например, когда пользователь переключается в режим замедленной или быстрой перемотки вперед).
onreset <form> Сценарий для запуска при нажатии кнопки сброса в форме.
onresize <body> Скрипт, запускаемый при изменении размера окна браузера.
onscroll Все видимые элементы. Скрипт, запускаемый при прокрутке полосы прокрутки элемента
onsearch <input> Сценарий, выполняемый при записи пользователем чего-либо в поле поиска (для <input=»search»>)
onseeked <audio>, <video> Сценарий, который будет выполняться, когда атрибут поиска имеет значение false, указывающее, что поиск закончился
onseeking <audio>, <video> Сценарий, который будет выполняться, если атрибут поиска имеет значение true, указывающее, что поиск активен
onselect Все видимые элементы. Скрипт, запускаемый при выборе элемента
onshow <menu> Скрипт, запускаемый при отображении элемента <menu> в виде контекстного меню
onstalled <audio>, <video> Скрипт должен быть запущен, когда браузер не может получить данные по какой-либо причине
onstorage <body> Сценарий для запуска при обновлении области веб-хранилища
onsubmit <form> Сценарий для запуска при отправке формы
onsuspend <audio>, <video> Сценарий, который будет выполняться при извлечении данных мультимедиа останавливается перед полной загрузкой по какой-либо причине
ontimeupdate <audio>, <video> Скрипт для запуска при изменении игровой позиции (например, когда пользователь быстро переходит к другой точке в СМИ)
ontoggle <details> Сценарий, запускаемый при открытии или закрытии пользователем элемента <details>
onunload <body> Скрипт, запускаемый при выгрузке страницы (или закрытии окна браузера)
onvolumechange <audio>, <video> Сценарий, который будет выполняться каждый раз, когда видео / аудио громкость была изменена
onwaiting <audio>, <video> Скрипт должен быть запущен, когда СМИ приостановлена, но возобновится (например, когда СМИ останавливается для буферизации данных)
onwheel Все видимые элементы. Скрипт, запускаемый при накатывании колесика мыши вверх или вниз по элементу
open <details> Указывает, что сведения должны быть видны (открыты) пользователю
optimum <meter> Указывает, какое значение является оптимальным для датчика
pattern <input> Задает регулярное выражение, по которому проверяется значение элемента <input>
placeholder <input>, <textarea> Задает короткую подсказку, описывающую ожидаемое значение элемента
poster <video> Указывает изображение, которое будет отображаться во время загрузки видео или до тех пор, пока пользователь не нажмет кнопку воспроизведения
preload <audio>, <video> Указывает, если автор считает, что аудио / видео должно быть загружено при загрузке страницы
readonly <input>, <textarea> Указывает, что элемент доступен только для чтения
rel <a>, <area>, <link> Задает связь между текущим документом и связанным документом
required <input>, <select>, <textarea> Указывает, что элемент должен быть заполнен перед отправкой формы
reversed <ol> Указывает, что порядок списка должен быть по убыванию (9,8,7…)
rows <textarea> Указывает видимое количество строк в текстовой области
rowspan <td>, <th> Задает количество строк, которое должна занимать ячейка таблицы
sandbox <iframe> Включает дополнительный набор ограничений для содержимого в <iframe>
scope <th> Указывает, является ли ячейка заголовка заголовком столбца, строки или группы столбцов или строк
scoped <style> Указывает, что стили применяются только к родительскому элементу этого элемента и дочерним элементам этого элемента
selected <option> Указывает, что параметр должен быть предварительно выбран при загрузке страницы
shape <area> Определяет форму области
size <input>, <select> Задает ширину в символах (для <input>) или указывает количество видимых параметров (для <select>)
sizes <img>, <link>,
<source>		 Задает размер связанного ресурса
span <col>, <colgroup> Задает количество столбцов для интервала
spellcheck Глобальные атрибуты Указывает, следует ли проверять орфографию и грамматику элемента
src <audio>, <embed>, <iframe>, <img>, <input>, <script>, <source>, <track>,
<video>		 Задает URL файла мультимедиа
srcdoc <iframe> Задает содержимое HTML страницы для отображения в <iframe>
srclang <track> Задает язык текстовых данных дорожки (требуется, если kind=»subtitles»)
srcset <img>, <source> Задает URL изображения для использования в различных ситуациях
start <ol> Задает начальное значение упорядоченного списка
step <input> Задает допустимые интервалы номеров для поля ввода
style Глобальные атрибуты Задает встроенный стиль CSS для элемента
tabindex Глобальные атрибуты Задает порядок табуляции элемента
target <a>, <area>, <base>, <form> Указывает целевой объект для открытия связанного документа или отправки формы
title Глобальные атрибуты Задает дополнительные сведения об элементе
translate Глобальные атрибуты Указывает, следует ли переводить содержимое элемента
type <button>, <embed>, <input>, <link>, <menu>, <object>, <script>,
<source>, <style>		 Указывает тип элемента
usemap <img>, <object> Задает изображение в качестве клиентской карты изображений
value <button>, <input>, <li>, <option>,
<meter>, <progress>, <param>		 Задает значение элемента
width <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> Задает ширину элемента
wrap <textarea> Указывает, как текст в текстовой области должен быть обернут при отправке в форме

Справочник HTML — webmastersam.ru

Справочник по HTML 4.01, HTML5, XHTML 1.1 и 1.0. Явно устаревшие элементы, не входящие в указанные спецификации и не имеющие поддержки браузеров — в справочник не включены. В справочнике указывается, начиная с какой версии, тег или атрибут поддерживается браузером Internet Explorer (IE).

Содержание:

Тег A

Тег Атрибуты Тип IE HTML5 HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.
атрибуты,
события
Transitional Frameset Strict***
<A> + строчный + + + + + +
alt + + + + +
charset — + + + +
coords — + + + +
href + + + + +
hreflang — + + + +
media — + — — —
name + + + + —
rel — + + + +
rev — + + + +
shape — + + + +
target + + + + —
type + + + + +

Тег a создает ссылку, наличие атрибута обязательно. Читать урок: Cсылки, как связать html-страницы в сайт.

Применение:

<a href="https://webmastersam.ru/index.html">...</a> — полный путь к документу, вместо троеточия вставить текст ссылки.
<a href="index.html">...</a> — относительный путь.
<a name="yakor">...</a> — создание якоря, вместо троеточия вставить текст или оставить пустым, вместо «yakor» — любое название. В html5 для создания якоря используют идентификатор id для конкретного элемента:
<h4>...</h4>

Якорь — это закладка в любом месте страницы, например, вначале страницы, а ссылка на якорь будет выглядеть так:
<a href="https://webmastersam.ru/index.html#yakor">текст ссылки</a>, или просто:
<a href="#yakor">наверх страницы</a> — когда якорь и ссылка на него находятся на одной странице.

Атрибуты тега A »

• alt — задает альтернативный текст, в случае, если браузер не отображает изображение.
• charset — указывает кодировку документа, на который ведет ссылка. Значения: utf-8 и т.д.
• coords — для ссылок внутри <object>. Атрибут share задает тип активной области, а coords ее координаты. Например, для прямоугольника x1, x2, y1 и y2, для окружности x, y и радиус r — значения в px, отсчитываются от левого верхнего угла элемента.
• href — указывает путь к документу.
• hreflang — указывает код языка документа, например RU.
• media — показывает тип носителя документа. Значения: all — любой тип (по умолчан.), braille и embossed — устройства и принтеры с системой Брайля, handheld — смартфоны, print — принтеры, projection — проекторы, screen — монитор, speech — речевые синтезаторы, tty — устройства с фиксированным размером символов, tv — телевизоры или медиа запросы.
• name — создание якоря.
• rel — игнорируется основными браузерами, укажу только необходимое значение: rel="nofollow" — служит для «закрытия» ссылок. Такая ссылка не передает «вес» страницы.
• rev — игнорируется основными браузерами, описывает документ.
• shape — задает тип активной области внутри <object>. Значения: circle — окружность, default — по умолчанию, poly — произвольная форма, rect прямоугольная.
• target — задает параметр загрузки страницы. Значения: _blank — загружает страницу в новое окно, _self — текущее окно браузера, _parent — ссылка откроется в текущем фрейме с заменой его содержимого, _top — открывает документ в текущем окне браузера с заменой всех фреймов.
• type — используется строго с атрибутом href, показывает MIME-тип документа.

Тег ABBR

Тег Атрибуты Тип IE HTML5 HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.
атрибуты,
события
Transitional Frameset Strict***
<ABBR> — строчный 7.0 и выше + + + + +

Тег abbr обозначает аббревиатуру.

Тег ACRONYM

Тег Атрибуты Тип IE HTML5 HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.
атрибуты,
события
Transitional Frameset Strict***
<ACRONYM> — строчный + — + + + +

Тег acronym показывает акроним — устоявшееся сокращение, например: комбат.

Тег ADDRESS

Тег Атрибуты Тип IE HTML5 HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.
атрибуты,
события
Transitional Frameset Strict***
<ADDRESS> — блочный + + + + + +

Тег address — информация об авторе, текст в теге отображается курсивом.

Тег AREA

Тег Атрибуты Тип IE HTML5 HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.
атрибуты,
события
Transitional Frameset Strict***
<AREA> + + + + + + +
alt + + + + +
coords + + + + +
href + + + + +
hreflang — + — — —
nohref + + + + +
shape + + + + +
target + + + + —
type + + — — —

Тег area — разбивает изображение на активные области, которые являются ссылками. Он задает координаты и путь к документу, располагается в <map>. Примечание: нет закрывающего тега.

Атрибуты тега AREA »

• alt — задает альтернативный текст, в случае, если браузер не отображает изображение.
• coords — задает координаты. Атрибут share задает тип активной области, а coords ее кординаты. Например, для прямоугольника x1, x2, y1 и y2, для окружности x, y и радиус r — значения в px, отсчитываются от левого верхнего угла элемента.
• href — указывает путь к документу.
• hreflang — указывает код языка документа, например RU.
• nohref — указывает, что активная область не ссылка, используется без атрибута href.
• shape — задает тип активной области. Значения: circle — окружность, default — по умолчанию, poly — произвольная форма, rect прямоугольная.
• target — задает параметр загрузки страницы. Значения: _blank — загружает страницу в новое окно, _self — текущее окно браузера, _parent — ссылка откроется в текущем фрейме с заменой его содержимого, _top — открывает документ в текущем окне браузера с заменой всех фреймов.
• type — используется строго с атрибутом href, показывает MIME-тип документа.

Тег ARTICLE

Тег Атрибуты Тип IE HTML5 HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.
атрибуты,
события
Transitional Frameset Strict***
<ARTICLE> — секции 9.0 и выше + — — — +

Тег article — новый тег в HTML5, используется для разметки части документа, эта область аналогична отдельной газетной статье.

Тег ASIDE

Тег Атрибуты Тип IE HTML5 HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.
атрибуты,
события
Transitional Frameset Strict***
<ASIDE> — секции 9.0 и выше + — — — +

Тег aside — новый тег в HTML5, размечает отступления от основного текста: «врезки» с дополнительной информацией.

Тег AUDIO

Тег Атрибуты Тип IE HTML5 HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.
атрибуты,
события
Transitional Frameset Strict***
<AUDIO> + 9.0 и выше + — — — —
autoplay 9.0 и выше + — — —
controls 9.0 и выше + — — —
loop 9.0 и выше + — — —
preload 9.0 и выше + — — —
scr 9.0 и выше + — — —

Тег audio — новый тег в HTML5, добавление на страницу аудио. Читайте подробный урок о вставке аудио на веб-страницу.

Атрибуты тега AUDIO »

• autoplay — автоматическое воспроизведение аудио, когда страница загрузится.
• controls — показывает панель управления для пользователя: кнопки начала и остановки воспроизведения и др.
• loop — циклическое воспроизведение.
• preload — определяет, необходимо ли загружать аудиозапись в элемент <audio>. Значения: none — не загружать (по умолчан.), metadata — загрузить только метаданные об аудио, auto — загружать.
• scr — указывает URL аудиофайла.

Содержание:

Поделиться с друзьями:

Краткий справочник html-тегов. Веб-студия «Телероектор».

Через HTML-теги браузеры отображают информацию, содержащуюся на сайте. Использование самых простых тегов позволит сверстать текст для страниц сайта.

Ниже приведен список основных html-тегов.

Тег параграфа <p>

Определяет текстовый абзац. Тег <p> является блочным элементом, всегда начинается с новой строки, абзацы текста идущие друг за другом разделяются между собой отбивкой. Величиной отбивки можно управлять с помощью стилей. Если закрывающего тега нет, считается, что конец абзаца совпадает с началом следующего блочного элемента.
Описание тега <p> на сайте htmlbook.ru →

Пример кода:
<p>Первый параграф.</p>
<p>Второй параграф.</p>

Отображение в браузере:

Первый параграф.

Второй параграф.

Тег переноса строки <br>

Тег <br> устанавливает перевод строки в том месте, где этот тег находится. В отличие от тега абзаца <p>, использование тега <br> не добавляет пустой отступ перед строкой.
Описание тега <br> на сайте htmlbook.ru →

Пример кода:
Первое предложение.<br>Второе предложение.

Отображение в браузере:

Первое предложение.
Второе предложение.

Тег заголовка второго уровня <h3>

Представляет собой заголовок второго уровня. Текст внутри тега отображается крупным шрифтом жирного начертания.
Описание тега <h3> на сайте htmlbook.ru →

Пример кода:
<h3>Заголовок второго уровня</h3>
<h4>Заголовок третьего уровня</h4>
<p>Текст.</p>
<h4>Заголовок третьего уровня</h4>
<p>Большой текст.</p>

Отображение в браузере:

Заголовок второго уровня

Заголовок третьего уровня

Текст.

Заголовок третьего уровня

Большой текст.

Тег заголовка третьего уровня <h4>

Устанавливает заголовок третьего уровня.
Описание тега <h4> на сайте htmlbook.ru →

Пример кода:
<h3>Заголовок второго уровня</h3>
<h4>Заголовок третьего уровня</h4>
<p>Текст.</p>
<h4>Заголовок третьего уровня</h4>
<p>Большой текст.</p>

Отображение в браузере:

Заголовок второго уровня

Заголовок третьего уровня

Текст.

Заголовок третьего уровня

Большой текст.

Тег ссылки <a>

Тег <a> является одним из важных элементов HTML и предназначен для создания ссылок. Для создания ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. В качестве значения атрибута href используется адрес документа (URL, Universal Resource Locator, универсальный указатель ресурсов), на который происходит переход. Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду независимо от имени сайта или веб-страницы, где прописана ссылка. Относительные ссылки, как следует из их названия, построены относительно текущего документа или корня сайта. Ссылка может быть графической.
Описание тега <a> на сайте htmlbook.ru →

Пример кода:
<a href=»/»>Веб-студия «Телепроектор»</a>
<br>
<a href=»http://www.teleprojector.ru/»><img src=»http://www.teleprojector.ru/img/intext/logo.gif» alt=»Логотип студии «Телепроектор»»></a>
<br>
<a href=»/o_kompanii/kontakty/»>Контактные данные студии</a> <br>
<a href=»http://www.yandex.ru/» target=»_blank»>Ссылка на Яндекс (откроется в новом окне)</a>

Отображение в браузере:

Тег для жирного начертания текста <b>

Устанавливает жирное начертание шрифта. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание текста.
Описание тега <b> на сайте htmlbook.ru →

Пример кода:
Простые слова. <b>Слова, выделенные жирным шрифтом</b>. Снова простые слова.

Отображение в браузере:

Простые слова. Слова, выделенные жирным шрифтом. Снова простые слова.

Тег курсивного начертания шрифта <i>

Устанавливает курсивное (наклонное) начертание шрифта. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание текста.
Описание тега <i> на сайте htmlbook.ru →

Пример кода:
Обычный текст. <i>Текст курсивом</i>. Обычный текст.

Отображение в браузере:

Обычный текст. Текст курсивом. Обычный текст.

Тег для подчеркивания текста <u>

Добавляет подчеркивание к тексту. Тег считается устаревшим.
Описание тега <u> на сайте htmlbook.ru →

Пример кода:
Обычный текст. <u>Подчеркиваемый текст</u>. Обычный текст.

Отображение в браузере:

Обычный текст. Подчеркиваемый текст. Обычный текст.

Тег акцентирования слов в тексте <strong>

Тег предназначен для акцентирования текста. Браузеры отображают такой текст жирным начертанием.
Описание тега <strong> на сайте htmlbook.ru →

Пример кода:
Простые слова. <strong>Акцентированные слова</strong>. Снова простые слова.

Отображение в браузере:

Простые слова. Акцентированные слова. Снова простые слова.

Тег маркированного списка <ul>

Тег <ul> устанавливает маркированный список. Каждый элемент списка должен начинаться с тега <li>. Если к тегу <ul> применяется таблица стилей, то элементы <li> наследуют эти свойства.

Описание тега <ul> на сайте htmlbook.ru →

Пример кода:
Полный список:
<ul>
<li>Первый пункт</li>
<li>Второй пункт</li>
<li>Третий пункт</li>
</ul>

Отображение в браузере:
Полный список:

  • Первый пункт

  • Второй пункт

  • Третий пункт

Тег нумерованного списка <ol>

Тег <ol> устанавливает нумерованный список. Каждый элемент списка должен начинаться с тега <li>. Если к тегу <ol> применяется таблица стилей, то элементы <li> наследуют эти свойства.
Описание тега <ol> на сайте htmlbook.ru →

Пример кода:
Полный список:
<ol>
<li>Первый пункт</li>
<li>Второй пункт</li>
<li>Третий пункт</li>
</ol>

Отображение в браузере:
Полный список:

  1. Первый пункт

  2. Второй пункт

  3. Третий пункт

Тег вставки изображения <img>

Тег <img> предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG. Этот тег имеет единственный обязательный атрибут src, который определяет адрес файла с картинкой.
Описание тега <img> на сайте htmlbook.ru →

Пример кода:
<img src=»http://www.teleprojector.ru/img/intext/logo.gif» alt=»Телепроектор»>

<img src=»/img/intext/logo.gif» alt=»Телепроектор»>

Отображение в браузере:

Тег для создания таблицы <table>

Элемент <table> служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов <tr> и <td>. Параметр border – определяет толщину в пикселях. После закрытия одной строки, добавляется следующая.
Описание тега <table> на сайте htmlbook.ru →

Пример кода:
<table border = «1»>
<tr>
<td>Текст в первой ячейке.</td>
<td>Текст во второй ячейке.</td>
<td>Текст в третьей ячейке.</td>
</tr>
<tr>
<td>Текст в четвертой ячейке.</td>
<td>Текст в пятой ячейке.</td>
<td>Текст в шестой ячейке.</td>
</tr>
</table>

Отображение в браузере:



Текст в первой ячейке. Текст во второй ячейке. Текст в третьей ячейке.
Текст в четвертой ячейке. Текст в пятой ячейке. Текст в шестой ячейке.

Тег нижнего индекса <sub>

Отображает шрифт в виде нижнего индекса. Текст при этом располагается ниже базовой линии остальных символов строки и уменьшенного размера.
Описание тега <sub> на сайте htmlbook.ru →

Пример кода:
Химическая формула воды: H<sub>2</sub>O.

Отображение в браузере:

Химическая формула воды: H2O.

Тег верхнего индекса (степени) <sup>

Отображает шрифт в виде верхнего индекса. Шрифт при этом отображается выше базовой линии текста и уменьшенного размера.
Описание тега <sup> на сайте htmlbook.ru →

Пример кода:
Площадь 10 м<sup>2</sup>. Примечание<sup>*</sup>.

Отображение в браузере:

Площадь 10 м2. Примечание*.

HTML и CSS с примерами кода

Тег <base> (от англ. base — основа) определен внутри контейнера <head> и инструктирует браузер относительно полного базового адреса текущего документа.

<base> предназначен для документов, в которых используется относительный адрес и эти документы могут переноситься в другую папку или даже на другой компьютер без потери связи. Браузер ищет элемент <base>, определяет полный адрес документа и корректно загружает его. Например, если адрес документа указан как <base href="http://www.megasite.ru/hzchd/">, то при добавлении рисунков достаточно использовать относительный адрес <img src="images/labuda.gif">. При этом полный путь к изображению будет http://www.megasite.ru/hzchd/images/labuda.gif, что позволяет браузеру всегда находить графический файл, независимо от того, где находится текущая веб-страница. Также можно применять и иерархическую систему пути с двумя точками. Так, если изображение добавляется как <img src="../images/labuda.gif">, то полный путь к файлу будет http://www.megasite.ru/images/labuda.gif.

Второе применение элемента <base> — задание целевого окна для всех ссылок на текущей странице.

Если на странице встречается несколько элементов <base>, то берётся значение атрибутов только у первого элемента, остальные игнорируются.

Метаданные документа

Синтаксис

<head>
  <base атрибуты />
</head>

Закрывающий тег не требуется.

Атрибуты

href
Адрес, который должен использоваться для указания полного пути к файлам.
target
Имя окна или фрейма, куда будет загружаться документ, открываемый по ссылке.

href

Адрес, который должен использоваться для указания полного пути к файлам. Обычно это типичный путь к текущему документу, но он может быть задан и другим, если это необходимо для организации файлов на сайте.

Синтаксис

<base href="<адрес>" />

Значения

Путь к документу.

Значение по умолчанию

Путь к текущему файлу.

target

Определяет имя фрейма, в котором будут открываться все ссылки. Имя определяется атрибутом name элемента <iframe>. В качестве значения также можно использовать ключевое слово, которое будет открывать ссылки в новой вкладке.

Синтаксис

<base target="<значение>" />

Значения

В качестве значения используется имя фрейма, заданное атрибутом name элемента <iframe>. Если установлено несуществующее имя, то будет открыта новая вкладка. В качестве зарезервированных имён используются следующие.

_blank
Загружает страницу в новую вкладку браузера.
_self
Загружает страницу в текущую вкладку.
_parent
Загружает страницу во фрейм-родитель; если фреймов нет, то это значение работает как _self.
_top
Отменяет все фреймы и загружает страницу в полном окне браузера; если фреймов нет, то это значение работает как _self.

Если для элемента <base> установлен target="_blank", можно сделать чтобы ссылка открывалась в текущем окне, если добавить к элементу <a> атрибут target="_self".

Значение по умолчанию

Спецификации

Описание и примеры

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>base</title>
    <base target="_blank" />
  </head>
  <body>
    <p><a href="page/1.html">Чебурашка</a></p>
    <p><a href="page/2.html">Крокодил Гена</a></p>
  </body>
</html>

Ссылки

Справочник Javascript












Справочник

Добро пожаловать в справочник по современному javascript!

Информация также доступна напрямую по ссылкам: http://javascript.ru/Array/slice.

Вы также можете скачать оффлайн-версию справочника в формате CHM

Объекты


Кратко | Подробно

Стандартные объекты

  • Массив пронумерованных элементов, также может служить стеком или очередью

  • Объект для булевых значений

  • Функции для работы с датой и временем

  • объект для представления ошибок

  • Ошибка при выполнении функции eval

  • Каждая функция в яваскрипт является объектом класса Function.

  • Встроенный объект, предоставляющий константы и методы для математических вычислений.

  • Объект для работы с числами

  • Базовый объект javascript

  • Ошибка, когда число не лежит в нужном диапазоне

  • Ошибку при ссылке на несуществующую переменную

  • Позволяет работать с регулярными выражениями.

  • Базовый объект для строк. Позволяет управлять текстовыми строками, форматировать их и выполнять поиск подстрок.

  • Ошибка при интерпретации синтаксически неверного кода

  • Ошибка в типе значения

  • Ошибка при некорректном URI

Объекты браузера

  • Два в одном: глобальный объект и окно браузера

Глобальные методы


Кратко | Подробно

  • Выводит модальное окно с сообщением

  • Останавливает выполнение кода, заданное setInterval

  • Отменяет выполнение кода, заданное setTimeout

  • Выводит сообщение в окне с двумя кнопками: «ОК» и «ОТМЕНА» и возвращает выбор посетителя

  • Раскодирует URI, закодированный при помощи encodeURI

  • Раскодирует URI, закодированный при помощи encodeURIComponent

  • Кодирует URI, заменяя каждое вхождение определенных символов на escape-последовательности, представляющие символ в кодировке UTF-8.

  • Кодирует компоненту URI, заменяя определенные символы на соответствующие UTF-8 escape-последовательности

  • Выполняет строку javascript-кода без привязки к конкретному объекту.

  • возвращает, является ли аргумент конечным числом

  • Проверяет, является ли аргумент NaN

  • преобразует строковой аргумент в число с плавающей точкой

  • преобразует строковой аргумент в целое число нужной системы счисления

  • Выводит окно с указанным текстом и полем для пользовательского ввода.

  • Выполняет код или функцию через указанный интервал времени

  • Выполняет код или функцию после указанной задержки

Глобальные свойства


Кратко | Подробно

  • Переменная, доступная внутри функции и содержащая аргументы и ссылку на саму функцию.

  • Отвечает за взаимодействие JavaScript с объектом документа(страницей)
    Является корневым элементом DOM-дерева страницы (объект типа DOMDocument согласно спецификации DOM)

  • Бесконечность

  • Не-Числовое значение

  • Обозначает неопределенное значение

Синтаксические конструкции


Кратко | Подробно

  • Завершает текущий цикл или конструкции switch и label и передает управление на следующий вызов

  • Прекращает текущую итерацию цикла и продолжает выполнение со следующей итерации

  • Задает цикл с проверкой условия после каждой итерации

  • Создать цикл, указав начальное состояние, условие и операцию обновления состояния

  • Перебрать свойства объекта, для каждого свойства выполнить заданный код

  • Объявить функцию

  • Выполняет тот или иной блок кода в зависимости от того, верно ли условие

  • Указать идентификатор для использования в break и continue

  • Возвратить результат работы функции

  • Сравнивает значение выражения с различными вариантами и при совпадении выполняет соответствующий код

  • Инициировать(«бросить») исключение

  • Ловить все исключения, выпадающие из блока кода

  • Объявить переменную (или несколько) в текущей области видимости

  • Задает цикл, который выполняется до тех пор, пока условие верно.=

  • ==, !=, ===, !==, >, >=, <, <=

  • condition ? ifTrue : ifFalse



  







Поиск по сайту

: элемент Content Division — HTML: язык разметки гипертекста

HTML-элемент

является универсальным контейнером для потокового содержимого. Он не влияет на контент или макет, пока не будет каким-либо образом стилизован с использованием CSS (например, к нему напрямую применяется стиль или к его родительскому элементу применяется какая-то модель макета, такая как Flexbox).

Как «чистый» контейнер, элемент

по своей сути ничего не представляет. Вместо этого он используется для группировки контента, чтобы его можно было легко стилизовать с помощью атрибутов class или id , помечая раздел документа как написанный на другом языке (используя атрибут lang ) и т. Д.

Этот элемент включает глобальные атрибуты.

Примечание: Атрибут align устарел; больше не используйте его. Вместо этого вы должны использовать свойства или методы CSS, такие как CSS Grid или CSS Flexbox, для выравнивания и позиционирования

элементов на странице.

  • Элемент
    следует использовать только тогда, когда никакой другой семантический элемент (например,

    или

Элемент

имеет неявную роль общего , а не никакую. Это может повлиять на определенные объявления комбинаций ARIA, которые ожидают, что прямой дочерний элемент с определенной ролью будет функционировать должным образом.

Простой пример 

  

  
 Здесь любой контент. Такие как
  & lt; p & gt ;, & lt; table & gt ;. Вы называете это!

Результат выглядит следующим образом:

Пример стиля

В этом примере создается затененный блок путем применения стиля к

с использованием CSS.Обратите внимание на использование атрибута class в

для применения стиля с именем "shadowbox" к элементу.

HTML 
  

  
 Вот очень интересная заметка, отображаемая в
  прекрасный затененный ящик.
CSS 
  .shadowbox {
  ширина: 15em;
  граница: 1px solid # 333;
  box-shadow: 8px 8px 5px # 444;
  отступ: 8px 12px;
  фоновое изображение: линейный градиент (180 градусов, #fff, #ddd 40%, #ccc);
}
Результат

Таблицы BCD загружаются только в браузере

: Элемент Generic Section — HTML: Язык разметки HyperText

Элемент HTML

представляет собой общий автономный раздел документа, который не имеет более конкретный семантический элемент для его представления.Разделы всегда должны иметь заголовок, за очень редкими исключениями.

Категории контента Содержание потока,
Разделение содержания, осязаемое содержание.
Разрешенное содержание Расходное наполнение.
Отсутствие тега Нет, и начальный, и конечный тег являются обязательными.
Допущенные родители Любой элемент, который принимает
поток содержимого.Обратите внимание, что элемент

не должен быть
потомок элемента

.
Неявная роль ARIA регион
если элемент имеет
доступное имя, в противном случае
нет соответствующей роли
Разрешенные роли ARIA оповещение , оповещение ,
приложение , баннер ,
дополнительный ,
contentinfo , диалог ,
документ , подача ,
журнал , основной ,
шатер , навигация ,
нет , примечание ,
презентация , поиск ,
статус , панель вкладок
Интерфейс DOM HTMLElement

Как упоминалось выше,

— это общий элемент секционирования, и его следует использовать только в том случае, если нет более конкретного элемента для его представления.Например, меню навигации должно быть заключено в элемент