1. Начало работы с HTML. Метаданные в HTML

Курсы кодинга

Курсы кодинга помогут освоить программирование эффективнее и быстрее, чем самообучение. Но если вы решили самостоятельно разобраться, то эта статья будет для вас полезной.

В HTML- документе элемент head не виден на странице в веб-браузере. И содержит такую информацию:
-Title — заголовок страницы
— Ссылки на CSS файлы (они необходимы вам в случае, если вы хотите стили CSS)
— Ссылки на иконки
— Метаданные

Программирование для детей:

В этом разделе рассмотрим с чего начать и что такое метаданные.

Рассмотрите внимательно изображение с кодом:

Наполнение отличается от элемента, тем что не отображается на странице. Главная функция это сохранение метаданных документа.

Но на объёмных страницах блок может быть большим. Вы можете просмотреть как выглядит на любом сайте, для этого нужно зайти в инструмент разработчика. В этой статье мы не научим вас всем возможностям head, мы дадим вам понимание об основных элементах.

Title — название страницы

Элемент используется для добавления заголовка, то есть названия страницы в документ. Иногда используют элемент
(en-US) называя его заголовком страницы. Но стоит помнить, что это совершенно разные вещи. Ведь это метаданные, по сути название всего HTML- документа. А элемент
(en-US) не отображается на странице в браузере, он используется один раз на странице, для выделения названия содержимого. Например, для заголовка новости.

Что такое метаданные?

Метаданные это информация о данных. В HTML есть специальное место для метаданных документа это элемент. Есть огромное количество разновидностей. Рассмотреть все сразу не получиться, ведь их слишком много. Поэтому рассмотрим несколько основных.

В картинке выше есть следующая сточка кода:

Этот элемент обозначает кодировку документа, то есть набор символов, которые в нем разрешено использовать. utf-8 — это универсальный набор символов, что имеет в себе сукупность символом из всех языков человечества. Благодаря этому такая страничка сможет работать с любым языком. Такие странички отображают верно как английский, так и японский язык.

Используя кодировку ISO-8859-1(набор символов для латиницы) тесты будут отображаться неверно:

Как указать автора и описание:
У элементов есть атрибуты name и content. Где name это тип элемента, то есть какие именно метаданные он содержит. А content — сами метаданные.

Еще есть два полезных элемента метаданных:
— указание автора страницы
— краткое описание содержимого
На изображении снизу рассмотри как это выглядит:

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

Description (краткое описание содержимого страницы) учитывается при поисковой оптимизации, то есть SEO.

Самообразование полезно и выучить программирование с помощью интернета возможно. Но важно сразу применять знания на практике. Курсы программирования помогут выучить язык программирования намного быстрее и легче. Записывайся на пробный урок!