Объясните meta-теги в HTML

Ключевая идея

<meta> передаёт метаданные документа браузеру, поисковикам и другим клиентам — то, что не видно как обычный контент страницы.

Частые примеры

<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="Краткое описание страницы" />
<meta name="theme-color" content="#0b0b0b" />
<meta property="og:title" content="Заголовок для шаринга" />

Также бывают http-equiv (исторически refresh/content-type) и SEO/social мета.

Итог

Charset и viewport — must-have; description/OG — для поиска и шаринга; не путайте meta с видимым контентом в <title>/h1.