Опис HTML елементів

This page lists all the HTML elements. They are grouped by function to help you find what you have in mind easily. Although this guide is written for those who are newer to coding, we intend it to be useful for anyone.

Основні елементи

Основні елементи є основою будь-якого HTML-документа. You'll see these elements in the source code for all web pages, following the doctype declaration, which is on the first line of the page. The doctype specifies which version of (X)HTML that page is using. Elements comprising the contents of a Web page are placed between the opening <html> tag and the closing </html> tag. The <html> element is also known as the root element.

Element Description
<html> HTML-елемент <html> являє собою корінь HTML-документа. Решта елементів мають бути його нащадками.

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

Metadata contains information about the page. This includes information about styles, scripts and data to help software (search engines, browsers, etc.) use and render the page. Metadata for styles and scripts may be defined in the page or link to another file that has the information. 

Element Description
<link> Елемент посилання зовнішнього ресурсу HTML ( <link>) визначає відносини між поточним документом і зовнішнім ресурсом. Цей елемент найчастіше використовується для посилання на CSS, але також використовується для встановлення значків сайтів (іконок стилів favicon і мобільного домашнього екрана / значків програм) .
<style> HTML-елемент <style> містить стилі для документа чи його частини. За відсутності атрибута type, мовою інструкцій всередині цього елемента вважається CSS.

Поділ вмісту

Content sectioning elements allow you to organize the document content into logical pieces. Use the sectioning elements to create a broad outline for your page content, including header and footer navigation, and heading elements to identify sections of content.   

Element Description
<header> HTML <header> елемент представляє групу вступних або навігаційних елементів. Він може містити елементи заголовків, а також інші елементи, такі як логотип, форма пошуку та інше.
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>
<nav> HTML-елемент <nav> (HTML елемент навігації) являє собою секцію сторінки, котра має посилання на інші сторінки або блоки в межах поточної сторінки.
<section> HTML елемент <section> являє собою узагальнену секцію документу, яка допомагає категоризувати контент, зазвичай, заголовком. Кожний елемент <section> повинен бути ідентифікований, зазвичай, використанням заголовків (h1-h6 element) в якості дочірнього елементу <section>.

Текстовий вміст

Use HTML text content elements to organize blocks or sections of content placed between the opening <body> and closing </body> tags. Important for accessibility and SEO, these elements identify the purpose or structure of that content.     

Element Description

Вбудована семантика тексту

Використовуйте вбудованний семантичний текст HTML, щоб визначити значення, структуру чи стиль слова, рядка чи будь-якого довільного фрагмента тексту.

Element Description

Зображення та мультимедіа

HTML підтримує різні мультименійні ресурси, такі як зображення, аудіо та відео.

Element Description
<video> HTML Елемент Video (<video>) вбудовує медіа плеєр, який підтримує відтворення відео в документі.

Вкладений контент

Окрім звичайного мультимедійного контенту, HTML може включати в себе ще й інший вміст, навіть якщо з ним не завжди легко взаємодіяти.

Element Description
<iframe> Элемент встроенного фрейма HTML ( <iframe>) представляет собой вложенный контекст просмотра, встраивающий другую HTML-страницу в текущую.


Для створення динамічного контенту та веб-додатків,HML підтримує використання мов сценаріїв, найбільш чітко JavaScript. Деякі елементи підтримують цю можливість.

Element Description
<script> HTML <script> елемент використовується для вбудовування або посилання виконавчого коду; зазвичай використовується для вбудовування або посилання на код JavaScript.

Розмежувальні зміни

Ці елементи дозволяють вказати, що конкретні частини тексту були змінені.

Element Description

Зміст таблиці

Елементи які тут знаходяться, використовуються для створення та обробки табличних даних.

Element Description
<table> Тег <table> являє собою табличні дані себто інформацію представлену у вигляді двовимірної таблиці, що складається з рядків, шпальт та комірок, що містять власне дані.


HTML provides a number of elements which can be used together to create forms which the user can fill out and submit to the Web site or application. There's a great deal of further information about this available in the HTML forms guide.

Element Description
<input> The HTML <input> element is used to create interactive controls for web-based forms in order to accept data from the user; a wide variety of types of input data and control widgets are available, depending on the device and user agent.

Interactive elements

HTML offers a selection of elements which help to create interactive user interface objects.

Element Description

Web Components

Web Components is an HTML-related technology which makes it possible to, essentially, create and use custom elements as if it were regular HTML. In addition, you can even create custom versions of standard HTML elements, as well.

Note: The elements for Web Components are are defined in the World Wide Web Consortium (W3C) Web Components collection of specifications rather than the HTML specification. In addition, the Web Components specification has not been finalized and is subject to change.

Element Description

Obsolete and deprecated elements

Warning: These are old HTML elements which are deprecated and should not be used. You should never use them in new projects, and should replace them in old projects as soon as you can. They are listed here for informational purposes only.

Element Description