Статья на блог сайте к примеру) низ сайта подвал (особенности, наши клиенты и тд типа развороты) (обертка для главного основного контента сайта)

Связывает данное содержимое с машинно-читаемым переводом

Задает список предварительно заданных параметров для элементов управления вводом

Определяет описание/значение термина в списке описания

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

Определяет дополнительные сведения, которые пользователь может просматривать или скрывать

Представляет определяющий экземпляр термина

Определяет диалоговое окно или окно

Не поддерживается в HTML5. Использовать
Вместо.

Определяет список каталогов

Определяет раздел в документе

Определяет список описания

Определяет термин/имя в списке описания

Определяет подчеркнутый текст

Определяет контейнер для внешнего (не HTML) приложения

Группирует связанные элементы в форме

Определяет заголовок для
Элемент

Указывает автономное содержимое

Не поддерживается в HTML5. Вместо этого используйте CSS.

Определяет шрифт, цвет и размер текста

Определяет нижний колонтитул для документа или раздела

Определяет HTML-форму для ввода данных пользователем

Не поддерживается в HTML5.

Определяет окно (фрейм) в фрейме

Не поддерживается в HTML5.

Определяет набор фреймов

to
Определяет заголовки HTML

Определяет сведения о документе

Определяет заголовок документа или раздела

Определяет тематическое изменение содержания

Определяет корень HTML-документа

Определяет часть текста в альтернативный голос или настроение

Определяет встроенный фрейм<br /><br /><img> Определяет изображение<br /><br /><input> Определяет элемент управления вводом<br /><br /><ins> Определяет текст, вставленный в документ<br /><br /><kbd> Определяет ввод с клавиатуры<br /><br /><label> Определяет метку для <input> Элемент<br /><br /><legend> Определяет заголовок для <fieldset> Элемент<br /><br /><li> Определяет элемент списка<br /><br /><link> Определяет связь между документом и внешним ресурсом (наиболее используемым для связывания с таблицами стилей)<br /><br /><main> Указывает основное содержимое документа<br /><br /><map> Определяет изображение на стороне клиента-Map<br /><br /><mark> Определяет выделенный/выделенный текст<br /><br /><menu> Определяет список/меню команд<br /><br /><menuitem> Определяет команду/пункт меню, который пользователь может вызвать из всплывающего меню<br /><br /> Определяет метаданные HTML-документа<br /><br /><meter> Определяет скалярное измерение в пределах известного диапазона (датчика)<br /><br /><nav> Определяет навигационные ссылки<br /><br /><noframes> Не поддерживается в HTML5.<br /><br /><a href="/html-opredelyaet-soderjimoe-dokumenta/index.html" title="Html определяет содержимое документа">Определяет альтернативное содержимое для пользователей</a>, которые не поддерживают кадры<br /><br /><noscript> Определяет альтернативное содержимое для пользователей, которые не поддерживают сценарии на стороне клиента<br /><br /><object> Определяет внедренный объект<br /><br /><ol> Определяет упорядоченный список<br /><br /><optgroup> Определяет группу связанных параметров в раскрывающемся списке<br /><br /><option> Определяет параметр в раскрывающемся списке<br /><br /><output> Определяет результат вычисления<br /><br /><br />Определяет абзац<br /><br /><br />Определяет параметр для объекта<br /><br /><br />Определяет контейнер для нескольких ресурсов изображения<br /><br /><br />Определяет предварительно отформатированный текст<br /><br /><br />Представляет ход выполнения задачи<br /><br /><q> Определяет краткое предложение<br /><br /><rp> Определяет, что отображать в обозревателях, не поддерживающих аннотации Ruby<br /><br /><rt> Определяет объяснение/произношение символов (для восточно-азиатских типографии)<br /><br /><ruby> Определяет аннотацию Ruby (для восточно-азиатских типографий)<br /><br /><s> Определяет текст, который больше не является правильным<br /><br /><samp> Определяет выборку выходных данных из компьютерной программы<br /><br /><script> Определяет сценарий на стороне клиента<br /><br /><section> Определяет раздел в документе<br /><br /><select> Определяет раскрывающийся список<br /><br /><small> Определяет меньший текст<br /><br /><source> Определяет несколько мультимедийных ресурсов для элементов мультимедиа (<video> И <audio>)<br /><br /><span> Определяет раздел в документе<br /><br /><strike> Не поддерживается в HTML5. Использовать <del> или <s> Вместо.<br /><br />Определяет текст зачеркивания<br /><br /><b> Определяет важный текст<br /><br /><style> Определяет сведения о стиле для документа<br /><br /><sub> Определяет текст с подстрочным текстом<br /><br /><summary> Определяет видимый заголовок для <details> Элемента<br /><br /><sup> Определяет текст с надписью<br /><br /><svg> Определяет контейнер для графики SVG<br /><br /><table> Определяет таблицу<br /><br /><tbody> Группирует содержимое тела в таблице<br /><br /><td> Определяет ячейку в таблице<br /><br /><template> Определяет шаблон<br /><br /><textarea> Определяет многострочный элемент управления вводом (область текста)<br /><br /><tfoot> Группирует содержимое нижнего колонтитула в таблице<br /><br /><th> Определяет ячейку заголовка в таблице<br /><br /><thead> Группирует содержимое заголовка в таблице<br /><br /><time> Определяет дату и время<br /><br /><title> Определяет заголовок документа<br /><br /><tr> Определяет строку в таблице<br /><br /><track> Определяет текстовые дорожки для элементов мультимедиа (<video> И <audio>)<br /><br /><tt> Не поддерживается в HTML5. Вместо этого используйте CSS.<br /><br />Определяет телетайп текст<br /><br /><u> Определяет текст, который должен быть стилистически отличается от обычного текста<br /><br /><ul> Определяет неупорядоченный список<br /><br /><var> <a href="/kontrolenaya-rabota-dlya-zaochnikov/index.html" title="Контрольная работа для заочников">Определяет переменную</a><br /><br /><video> Определяет видео или фильм<br /><br /><wbr> Определяет возможный разрыв строки<br /><br />Атрибуты<br /><br />accept <input> Указывает типы файлов, которые принимает сервер (только для type="file")<br /><br />accept-charset <form> Задает кодировки символов, которые должны использоваться для отправки формы<br /><br />accesskey Global Attributes Задает комбинацию клавиш для активации/фокусировки элемента<br /><br />action <form> Указывает, куда отправлять форму-данные при отправке формы<br /><br />align Не поддерживается в HTML 5. Задает выравнивание в соответствии с окружающими элементами. Вместо этого используйте CSS<br /><br />alt <area>, <img>, <input> Задает альтернативный текст при неудачном отображении исходного элемента<br /><br />async <script> Указывает, что сценарий выполняется асинхронно (только для внешних скриптов)<br /><br />autocomplete <form>, <input> Указывает, является ли <form> или <input> элемент должен иметь Автозаполнение включено<br /><br />autofocus <button>, <input>, <select>, <textarea> Указывает, что элемент должен автоматически получать фокус при загрузке страницы<br /><br />autoplay <audio>, <video> Указывает, что воспроизведение аудио/видео начнется сразу после его готовности<br /><br />bgcolor Not supported in HTML 5. Задает цвет фона элемента. Вместо этого используйте CSS<br /><br />border Not supported in HTML 5. Задает ширину границы элемента. Вместо этого используйте CSS<br /><br />charset , <script> Задает кодировку символов<br /><br />checked <input> Указывает, что <input> элемент должен быть предварительно выбран при загрузке страницы (Для type="checkbox" или type="radio")<br /><br />cite <blockquote>, <del>, <ins>, <q> Указывает URL-адрес, объясняющий quote/deleted/inserted text<br /><br />class Global Attributes Указывает одно или несколько классов для элемента (относится к классу в таблице стилей)<br /><br />color Не поддерживается в HTML 5. Задает цвет текста элемента. Вместо этого используйте CSS<br /><br />cols <textarea> Определяет видимую ширину текстовой области<br /><br />colspan <td>, <th> Указывает число столбцов, которые должна охватывать ячейка таблицы<br /><br />content Дает значение, связанное с атрибутом http-equiv или Name<br /><br />contenteditable Global Attributes Указывает, является ли содержимое элемента редактируемым или нет<br /><br />contextmenu Global Attributes Задает контекстное меню для элемента. Контекстное меню появляется, когда пользователь щелкает правой кнопкой мыши по элементу<br /><br />controls <audio>, <video> Указывает, что должны отображаться элементы управления аудио/видео (например, кнопка воспроизведения/паузы и т. д.)<br /><br />coords <area> Задание координат области<br /><br />data <object> Указывает URL-адрес ресурса, используемого объектом<br /><br />data-* Global Attributes Используется для хранения пользовательских данных, закрытых для страницы или приложения<br /><br />datetime <del>, <ins>, <time> Указывает дату и время<br /><br />default <track> Указывает, что дорожка должна быть включена, если предпочтения пользователя не указывают на то, что другая дорожка будет более подходящей<br /><br />defer <script> Указывает, что сценарий выполняется после завершения синтаксического анализа страницы (только для внешних скриптов)<br /><br />dir Global Attributes Задает направление текста для содержимого в элементе<br /><br />dirname <input>, <textarea> Указывает, что направление текста будет отправлено<br /><br />disabled <button>, <fieldset>, <input>, <optgroup>, <option>, <select>, <textarea> Указывает, что указанный элемент/Группа элементов должна быть отключена<br /><br />download <a>, <area> Указывает, что целевой объект будет загружен, когда пользователь щелкнет гиперссылку<br /><br />draggable Global Attributes Указывает, является ли элемент перетаскивается или нет<br /><br />dropzone Global Attributes Указывает, копируются ли перенесенные данные, перемещаются ли они и связаны ли они при удалении<br /><br />enctype <form> Указывает, как данные формы должны кодироваться при отправке на сервер (только для method="post")<br /><br />for <label>, <output> Указывает, к какому элементу (ам) формы привязана метка/вычисление<br /><br />form <button>, <fieldset>, <input>, <label>, <meter>, <object>, <output>, <select>, <textarea> Указывает имя формы, к которой принадлежит элемент<br /><br />formaction <button>, <input> Указывает, куда отправлять данные формы при отправке формы. Только для type="submit"<br /><br />headers <td>, <th> Указывает одну или несколько ячеек заголовков, <a href="/elementarnoj-yachejkoj/index.html" title="Элементарной ячейкой">связанных с ячейкой</a><br /><br />height <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> Задает высоту элемента<br /><br />hidden Global Attributes Указывает, что элемент еще не является или больше не является релевантным<br /><br />high <meter> Указывает диапазон, который считается высоким значением<br /><br />href <a>, <area>, <base>, <link> Указывает URL-адрес страницы, на которую переходит ссылка<br /><br />hreflang <a>, <area>, <link> Указывает язык связанного документа<br /><br />http-equiv Предоставляет заголовок HTTP для информации/значения атрибута Content<br /><br />id Global Attributes Задает уникальный идентификатор для элемента<br /><br />ismap <img> Определяет изображение как серверное изображение-Map<br /><br />kind <track> Указывает тип текстовой дорожки<br /><br />label <track>, <option>, <optgroup> Задает заголовок текстовой дорожки<br /><br />lang Global Attributes Указывает язык содержимого элемента<br /><br />list <input> Ссылается на элемент <DataList>, содержащий предварительно определенные параметры для элемента <input><br /><br />loop <audio>, <video> Указывает, что аудио/видео будет начинаться снова, каждый раз, когда он закончится<br /><br />low <meter> Указывает диапазон, который считается низким значением<br /><br />max <input>, <meter>, <br />Задает максимальное значение<br /><br />maxlength <input>, <textarea> Указывает максимальное число символов, разрешенных в элементе<br /><br />media <a>, <area>, <link>, <source>, <style> Указывает, какие носители/устройства оптимизированы для связанного документа<br /><br />method <form> Указывает метод HTTP, используемый при отправке данных формы<br /><br />min <input>, <meter> Задает минимальное значение<br /><br />multiple <input>, <select> Указывает, что пользователь может ввести более одного значения<br /><br />muted <video>, <audio> Указывает, что аудиовыход видео должен быть отключен<br /><br />name <button>, <fieldset>, <form>, <iframe>, <input>, <map>, , <object>, <output>, <br />, <select>, <textarea> Задает имя элемента<br /><br />novalidate <form> Указывает, что форма не должна проверяться при отправке<br /><br />onabort <audio>, <embed>, <img>, <object>, <video> Сценарий, запускаемый при прерывании<br /><br />onafterprint <body> Сценарий, запускаемый после печати документа<br /><br />onbeforeprint <body> Выполнение сценария перед печатью документа<br /><br />onbeforeunload <body> Сценарий, запускаемый при выгрузке документа<br /><br />onblur All visible elements. Сценарий, запускаемый при потере фокуса элементом<br /><br />oncanplay <audio>, <embed>, <object>, <video> Скрипт будет запущен, когда файл готов к началу воспроизведения (когда он достаточно буферизован, чтобы начать)<br /><br />oncanplaythrough <audio>, <video> Сценарий для запуска, когда файл можно воспроизвести до конца без паузы для буферизации<br /><br />onchange All visible elements. Сценарий, запускаемый при изменении значения элемента<br /><br />onclick All visible elements. Сценарий, запускаемый при щелчке элемента<br /><br />oncontextmenu All visible elements. Сценарий, <a href="/sistema-zajiganiya/index.html" title=""Система зажигания "">запускаемый при запуске контекстного меню</a><br /><br />oncopy All visible elements. Сценарий, запускаемый при копировании содержимого элемента<br /><br />oncuechange <track> Скрипт запускается, когда кий изменяется в <track> element<br /><br />oncut All visible elements. Сценарий, запускаемый при вырезании содержимого элемента<br /><br />ondblclick All visible elements. Сценарий, запускаемый при двойном щелчке элемента<br /><br />ondrag All visible elements. Сценарий, запускаемый при перетаскивании элемента<br /><br />ondragend All visible elements. Сценарий, запускаемый в конце операции перетаскивания<br /><br />ondragenter All visible elements. Сценарий, запускаемый при перетаскивании элемента в допустимый целевой объект перетаскивания<br /><br />ondragleave All visible elements. Сценарий, запускаемый, когда элемент оставляет допустимый целевой объект перетаскивания<br /><br />ondragover All visible elements. Сценарий, запускаемый при перетаскивании элемента над допустимым целевым объектом перетаскивания<br /><br />ondragstart All visible elements. Сценарий, запускаемый в начале операции перетаскивания<br /><br />ondrop All visible elements. Сценарий, запускаемый при удалении перетаскивания элемента<br /><br />ondurationchange <audio>, <video> Сценарий, запускаемый при изменении длины носителя<br /><br />onemptied <audio>, <video> Скрипт для запуска, когда что-то плохое происходит, и файл внезапно недоступен (как неожиданно отключается)<br /><br />onended <audio>, <video> Скрипт будет запущен, когда носитель достигнет конца (полезное событие для сообщений, таких как "Спасибо за прослушивание")<br /><br />onerror <audio>, <body>, <embed>, <img>, <object>, <script>, <style>, <video> Сценарий, запускаемый при возникновении ошибки<br /><br />onfocus All visible elements. Сценарий, запускаемый, когда элемент получает фокус<br /><br />onhashchange <body> Сценарий, который должен быть запущен, когда были внесены изменения в якорную часть URL-адреса<br /><br />oninput All visible elements. Сценарий, запускаемый, когда элемент получает пользовательский ввод<br /><br />oninvalid All visible elements. Сценарий, запускаемый при недопустимом элементе<br /><br />onkeydown All visible elements. Сценарий, запускаемый при нажатии пользователем клавиши<br /><br />onkeypress All visible elements. Сценарий, запускаемый при нажатии пользователем клавиши<br /><br />onkeyup All visible elements. Сценарий, запускаемый, когда пользователь освобождает ключ<br /><br />onload <body>, <iframe>, <img>, <input>, <link>, <script>, <style> Сценарий, запускаемый при завершении загрузки элемента<br /><br />onloadeddata <audio>, <video> Сценарий, запускаемый при загрузке мультимедийных данных<br /><br />onloadedmetadata <audio>, <video> Скрипт, запускаемый при загрузке мета-данных (таких как размеры и длительность)<br /><br />onloadstart <audio>, <video> Сценарий для запуска так же, как файл начинает загружаться, прежде чем что-либо на самом деле загружен<br /><br />onmousedown All visible elements. Сценарий, запускаемый при нажатии кнопки мыши на элементе<br /><br />onmousemove All visible elements. Сценарий будет выполняться до тех пор, пока указатель мыши &нбсп; перемещается над элементом<br /><br />onmouseout All visible elements. Сценарий, запускаемый при перемещении указателя мыши из элемента<br /><br />onmouseover All visible elements. Сценарий, запускаемый при перемещении указателя мыши над элементом<br /><br />onmouseup All visible elements. Сценарий, запускаемый при отпускании кнопки мыши над элементом<br /><br />onmousewheel All visible elements. Сценарий, запускаемый при <a href="/polezovateleskij-interfejs-cele-uroka/index.html" title="Пользовательский интерфейс Цель урока">прокрутке колесика мыши над элементом</a><br /><br />onoffline <body> Скрипт, запускаемый при запуске браузера для работы в автономном режиме<br /><br />ononline <body> Сценарий, запускаемый при запуске браузера для работы в Интернете<br /><br />onpagehide <body> Сценарий для запуска, когда пользователь переходит от страницы<br /><br />onpageshow <body> Сценарий, запускаемый при переходе пользователя на страницу<br /><br />onpaste All visible elements. Сценарий, запускаемый при вставке пользователем некоторого содержимого в элемент<br /><br />onpause <audio>, <video> Сценарий, запускаемый при приостановлении работы носителя пользователем или программным способом<br /><br />onplay <audio>, <video> Сценарий, запускаемый после начала воспроизведения мультимедиа<br /><br />onplaying <audio>, <video> Сценарий, запускаемый после начала воспроизведения мультимедиа<br /><br />onpopstate <body> Скрипт, запускаемый при изменении истории окна.<br /><br />onprogress <audio>, <video> Скрипт для запуска, когда браузер находится в процессе получения мультимедийных данных<br /><br />onratechange <audio>, <video> Скрипт будет выполняться каждый раз при изменении частоты воспроизведения (например, когда пользователь переходит в режим медленного или быстрого перемотки).<br /><br />onreset <form> Сценарий, запускаемый при нажатии кнопки сброса в форме.<br /><br />onresize <body> Сценарий, запускаемый при изменении размера окна обозревателя.<br /><br />onscroll All visible elements. Сценарий, запускаемый при прокрутке полосы прокрутки элемента<br /><br />onsearch <input> Script для запуска, когда пользователь пишет что-то в поле поиска (Для <input="search">)<br /><br />onseeked <audio>, <video> Сценарий, запускаемый, когда атрибуту поиска присваивается значение false, указывающее, что Поиск завершен<br /><br />onseeking <audio>, <video> Сценарий, запускаемый, когда атрибуту поиска присваивается значение true, указывающее, что поиск активен<br /><br />onselect All visible elements. Сценарий, запускаемый при выборе элемента<br /><br />onshow <menu> Скрипт, запускаемый при <menu> элемент отображается в виде контекстного меню<br /><br />onstalled <audio>, <video> Скрипт для запуска, когда браузер не может получить данные мультимедиа по какой-либо причине<br /><br />onstorage <body> Сценарий, запускаемый при обновлении области веб-хранилища<br /><br />onsubmit <form> Сценарий, запускаемый при отправке формы<br /><br />onsuspend <audio>, <video> Скрипт, запускаемый при извлечении мультимедийных данных, останавливается до полной загрузки по какой-либо причине<br /><br />ontimeupdate <audio>, <video> Скрипт, запускаемый при изменении игрового положения (например, когда пользователь пересылается в другую точку носителя)<br /><br />ontoggle <details> Сценарий, запускаемый, когда пользователь открывает или закрывает элемент < Details ><br /><br />onunload <body> Скрипт, запускаемый при выгрузке страницы (или закрытии окна браузера)<br /><br />onvolumechange <audio>, <video> Скрипт будет выполняться каждый раз при изменении громкости видео/аудио<br /><br />onwaiting <audio>, <video> Сценарий, запускаемый, когда носитель приостановлен, но ожидается его возобновление (например, когда носитель приостанавливается для буферизации дополнительных данных)<br /><br />onwheel All visible elements. Скрипт для запуска, когда колесо мыши катится вверх или вниз над элементом<br /><br />open <details> Указывает, что сведения должны быть видимыми (открытыми) для использования<br /><br />optimum <meter> Определяет, какое значение является оптимальным для датчика<br /><br />pattern <input> Задает регулярное выражение, которое <input> значение элемента проверяется<br /><br />placeholder <input>, <textarea> Задает краткую подсказку, описывающую ожидаемое значение элемента<br /><br />poster <video> Указывает изображение, которое будет отображаться во время загрузки видео, или до тех пор, пока пользователь не достигнет кнопки воспроизведения<br /><br />preload <audio>, <video> Указывает, если и как автор считает, что аудио/видео должно быть загружено при загрузке страницы<br /><br />readonly <input>, <textarea> Указывает, что <a href="/korrekcionno-razvivayushie-uprajneniya-dlya-uchashihsya-3-5-kl/index.html" title="Коррекционно-развивающие упражнения для учащихся 3-5 классов">элемент является только для чтения</a><br /><br />rel <a>, <area>, <link> Указывает связь между текущим документом и связанным документом<br /><br />required <input>, <select>, <textarea> Указывает, что элемент должен быть заполнен до отправки формы<br /><br />reversed <ol> Указывает, что порядок списков должен быть по убыванию (9,8,7...)<br /><br />rows <textarea> Указывает видимое число строк в текстовой области<br /><br />rowspan <td>, <th> Указывает количество строк, которые должна охватывать ячейка таблицы<br /><br />sandbox <iframe> Включает дополнительный набор ограничений для содержимого в <iframe><br /><br />scope <th> Указывает, является ли ячейка заголовка столбцом, строкой или группой столбцов или строк<br /><br />selected <option> Указывает, что параметр должен быть предварительно выбран при загрузке страницы<br /><br />shape <area> Определяет форму области<br /><br />size <input>, <select> Задает ширину, в символах (для <input>) или задает количество видимых параметров (Для <select>)<br /><br />sizes <img>, <link>, <source> Задает размер связанного ресурса<br /><br />span <col>, <colgroup> Указывает количество столбцов для span<br /><br />spellcheck Global Attributes Признак проверки орфографии и грамматики элемента<br /><br />src <audio>, <embed>, <iframe>, <img>, <input>, <script>, <source>, <track>, <video> Указывает URL-адрес файла мультимедиа<br /><br />srcdoc <iframe> Задает HTML-содержимое страницы, которая отображается в <iframe><br /><br />srclang <track> Указывает язык текстовых данных дорожки (required if kind="subtitles")<br /><br />srcset <img>, <source> Указывает URL-адрес изображения для использования в различных ситуациях<br /><br />start <ol> Задает начальное значение упорядоченного списка<br /><br />step <input> Задает юридические интервалы номеров для поля ввода<br /><br />style Global Attributes Задает встроенный стиль CSS для элемента<br /><br />tabindex Global Attributes Задает порядок табуляции элемента<br /><br />target <a>, <area>, <base>, <form> Указывает целевой объект для открытия связанного документа или места отправки формы<br /><br />title Global Attributes Указывает дополнительные сведения об элементе<br /><br />translate Global Attributes Указывает, должно ли содержимое элемента быть переведено или нет<br /><br />type <button>, <embed>, <input>, <link>, <menu>, <object>, <script>, <source>, <style> Указывает тип элемента<br /><br />usemap <img>, <object> Указывает изображение в виде клиентского изображения-карты<br /><br />value <button>, <input>, <li>, <option>, <meter>, <br />, <br />Задает значение элемента<br /><br />width <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> Задает ширину элемента<br /><br />wrap <textarea> Указывает, как текст в текстовой области должен быть упакован при отправке в форме</object></input>

H TML5

Рассматриваемые вопросы:

*
Семантические тэги ничего в себе серьезного не несут и созданы они просто для удобства

к примеру тег

то же самое что и

Семантические тэги следующие

(навигация по сайту к примеру кнопки в шапке сайта о нас проекты вакансии и тд)

(статья на блог сайте к примеру)

низ сайта подвал

(особенности, наши клиенты и тд типа развороты)

(обертка для главного основного контента сайта)

(боковая колонка)

(обертка для изображения с подписанным текстом (figcaption) для создания карточки)

(внутри пишется текст поясняющий картинку)
скрипт для кроссбраузерной работы тегов семантики

Новые тэги

- текстбокс для эмайла

поле для телефона

поле для ссылок

для текста

атрибут required отвечает за то что поле не должно быть пустым

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

поле для чисел с методами увеличения стрелками

похож на поле number но выглядит как ползунок

поле для создания палитры и выбранного цвета

поле даты

поле для времени

прогресс бар
создание поискового поля предложение возможных вариантов

Вставка видео в html5

для поддержки кроссбраузерности то стоит заливать видео в разных форматах (mp4, ogv, webm )через конвертеры видео атрибут type использовать обязательно!!!
Вставка аудио в html5

Canvas рисование в html5

В основном рисование идет в процессе использования JavaScript в нем мы и разберем как рисовать

Теги для работы с текстом

Заголовок-1

Заголовок-2

Заголовок-3

Заголовок-4

Заголовок-5

Заголовок-6

Text with over loksfor

RK-18

USA, New-Yourk

~~drgtg~~

Small text

Big text

///////////////////////////

///////////_____////////////

//////| |/////////

/////////////////////

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Asperiores, aspernatur.

Eaque perspiciatis asperiores tempore quia fugiat nostrum facere quod deleniti vitae

voluptatum repellendus repudiandae accusamus, ipsa ut iure

illum consequuntur?

<= Цитата

Stanislav Lenc: All will never destroy me

горизонтальная линия

перенос на новую строку

пишет текст без переносов на новую строку
Списки

Нумерованный список

Ненумерованный список

Ссылки

Main

gtfgsd

Email
Изображения

gori

srcset обьясняет браузер какую картинку ему подгружать отталкиваясь от размера клиента

sizes

src="img-400.png" alt=""

srcset="img-800.png 2x, img-full.png 3x"

>

src="img-400.png" alt=""

srcset="

img-400.png 400w,

img-800.png 800w,

img-full.png 1400w"

>

src="img-400.png" alt=""

sizes="100vw"

srcset="

img-400.png 400w,

img-800.png 800w,

img-full.png 1400w"

>

src="img-400.png" alt=""

sizes="(min-width: 480px) 50vm, 100vm"

srcset="

img-400.png 400w,

img-800.png 800w,

img-full.png 1400w"

>

альтернатива img

srcset="img-mobile.jpg"

>

srcset="img-tablet.jpg"

>

srcset="

img-800.png 800w,

img-full.png 1400w"

alt="">
выбор формата изображения

Таблицы

Table prices course
/-\|-\	HTML	CSS	JS	Electron
Price	100	200	300	400
Hours	1	2	3	4

Check#1
Check#2	Check#3	Check#4

Комментарии

Тег head

-->

Поля ввода

TextArea+button

SELECT+OPTION

Специальные Теги

H₂O

4²

Инфо об всем

sdfgdrfg

sfsdrfgedr

和Мир

Тег Описание

Определяет комментарий

Определяет тип документа

Определяет гиперссылку

Определяет аббревиатуру или акроним

Не поддерживается в HTML5. Использовать Вместо.

Определяет акроним

Определяет контактные данные автора/владельца документа

Не поддерживается в HTML5. Использовать

Определяет заголовок таблицы

Не поддерживается в HTML5. Вместо этого используйте CSS.

Определяет центрированный текст

Определяет название работы

 Определяет часть кода компьютера