HTML

 


Синтаксис Описание display:
<!DOCTYPE> Определяет тип документа none
<head></head> Контейнер в начале страницы для служебных тегов и подгружаемых функций none
<title></title> Заголовок документа отображаемый во вкладке браузера none
<meta> Метаданные страницы none
<link> Подключает внешние сервисы и таблицы стилей none
<script></script> Подключает скрипты к станице none
<style></style> Подключает глобальные стили к странице none
<base> Базовый URL-адрес — домен none
<noscript></noscrip> Блок не поддерживающий скрипты block

<body></body> Тело html документа block
<main><main> Контейнер для всего содержимого страницы block
<nav></nav> Контейнер для навигационного меню block
<header><header> Шапка сайта block
<article></article> Блок основного контента, обычно статья block
<section></section> Часть контента с заголовком block
<aside></aside> Часть контента, имеющая косвенное отношение к основному block
<footer></footer> Подвал страницы block
<div> Применяется для создания блочных контейнеров block
<span></span> Применяется для создания встроенных контейнеров block
<figure></figure> Независимый контейнер. Преимущественно для изображений block
<figcaption></figcaption> Заголовок для figure block
<details></details> Контейнер с дополнительной информацией, который можно свернуть или развернуть block
<summary></summary> Заголовок для details, по которому можно щёлкать, чтоб свернуть или развернуть блок block

<h1></h1>…<h6></h6> Заголовки шесть уровней block
<p></p> Абзац block
<br> Перенос строки block
<wbr> Возможное место разрыва строки none
<hr> Прямая линия none
<blockquote></blockquote> Цитата block
<q></q> Краткая цитата inline
<cite></cite> Источник цитирования inline
<code></code> Фрагмент кода inline
<pre></pre> Неформатированнй код block
<kbd></kbd> Текст моноширным шрифтом inline
<samp></samp> Результат выполнения скрипта inline
<var></var> Выделяет переменные из программ inline
<del></del> Зачёркнутый текст помечается как удалённый inline
<s></s> Зачёркнутый текст block
<ins><ins> Подчёркивает изменения в тексте inline
<u></u> Подчёркнутый текст inline
<dfn></dfn> Выделяет термин курсивом inline
<em></em> Выделяет курсивом важные фрагменты текста inline
<i></i> Выделяет текст курсивом inline
<strong></strong> Выделяет важный текст полужирным inline
<b></b> Выделяет текст полужирным inline
<mark></mark> Выделяет фрагмент текста жёлтым фоном inline
<small></small> Уменьшает размер шрифта inline
<sub></sub> Подстрочное написание H2O inline
<sup></sup> Надстрочное написание R2 inline
<time><time> Дата, время выпуска статьи inline
<abbr></abbr> Аббревиатура inline
<address></address> Адрес автора статьи inline
<bdi></bdi> Изолирует текст читаемый справа на лево. Применяется в текстах написанных на двух языках inline
<bdo></bdo> Задаёт направление написания текста inline
<ruby></ruby> Контейнер для Восточно-Азиатских символов inline
<rp></rp> Используется для вывода текста в браузерах, которые не поддерживают тег . В остальных браузерах текст, заключенный в контейнер , не отображается none
<rt></rt> Расшифровка символов block

<table></table> Таблица HTML table
<tr></tr> Строка таблицы table-row
<th></th> Ячейки заголовков столбцов таблицы table-cell
<td></td> Ячейки таблицы table-cell
<thead></thead> Группа верхних строк таблицы. Применяется для общего оформления table-header-group
<tfoot></tfoot> Группа нижних строк таблицы. Применяется для общего оформления table-footer-group
<tbody></tbody> Группа строк в середине таблицы. Применяется для общего оформления table-row-group
<col> Выделяет столбец таблицы table-column
<colgroup></colgroup> Группирует несколько столбцов таблицы для общего оформления table-column-group
<caption></caption> Описание таблицы table-caption

<ol></ol> Упорядоченный нумерованный список block
<ul></ul> Маркированный список block
<li></li> Элемент списка list-item
<dl></dl> Список с описаниями block
<dt></dt> Строка списка с описаниями block
<dd></dd> Описание строки, списка с описаниями block

<form></form> Формы HTML block
<input></input> Многофункциональные поля формы inline-block
<textarea></textarea> Многострочное поле формы inline-block
<label></label> Обычно текст формы inline
<datalist></datalist> Создаёт список вариантов, из которых можно сделать выбор. none
<option></option> Опция в раскрывающемся списке block
<optgroup></optgroup> Контейнер с заголовком для группы <option> block
<select></select> Контейнер для создания раскрывающегося списка inline-block
<fieldset></fieldset> Группирует связанные элементы формы block
<legend></legend> Заголовок элементов формы, связанных <fieldset> block
<button></button> Интерактивная кнопка inline-block
<keygen></keygen> Генератор ключей inline-block
<progress></progress> Отображает процесс выполнения в числовых значениях inline-block
<meter></meter> Используется для отображения числовых значений таких показателей как количество посетителей, величина давления и т.п. inline-block
<output></output> Поле для вывода результатов вычислений inline

<audio></audio> Аудио файл inline-block
<video></video> Видео файл inline-block
<source></source> указывает местоположение и тип альтернативных файлов для <video> и <audio> none
<track></track> Субтитры none
<embed></embed> Встроенный внешний элемент inline-block
<object></object> Контейнер для встраиваемого внешнего элемента inline-block
<param> Параметры встраиваемого внешнего элемента none
<iframe></iframe> Встроенный фрейм block

<a></a> Гипер ссылка inline

Признаки "плохого кода"

Кратко рассмотрим 12 признаков, когда код можно улучшить: 1. Duplicated Code  — иногда повторяющийся код не всегда несет в себе пользу. Выде...