В статье «Теги HTML. Обязательные теги. Структура документа HTML», мы познакомились с блоком <head>, или так называемой «головой» документа, в который вставляется тег заголовка <title>. Однако, кроме заголовка <title>, в «голову» странички может вставляться тег <meta>. Его еще называют - тег метатегов. Тег <meta>, является не закрывающимся и не показывающимся. Почему не показывающийся? Если название заголовка <title> отражается на страничке сайта, то содержание <meta> не видно. Элемент <!DOCTYPE > передает команды браузеру и связан только с ним, то метатег <meta> хранит и передает информацию описания сайта, ключевых слов и других данных для поисковых систем. А браузеру сообщает, что он имеет дело с кодировкой UTF-8. Это говорит о том, что тег <meta> - тоже является значимым и должен постоянно присутствовать в структуре документа html. Поэтому, давайте сейчас впишем тег <meta> с полным его содержанием в наш файл index.html: <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
После записи, наша html-страничка, должна выглядеть вот так, Screen 1:
Screen 1.
Что обозначает данная фраза тега <meta>?Посмотрим на Screen 2. Обратите внимание на структуру построения кода
Screen 2.
тега <meta>-> ТЕГ -> АТРИБУТ -> ЗНАЧЕНИЕ. Такое построение касается всех тегов кода HTML.
http-equiv - атрибут тега <meta>. Предназначен для конвертирования метатега из
заголовока HTTP. content - атрибут тега <meta>. Устанавливает значение атрибута, заданного с
помощью nameили http-equiv. charset - атрибут тега <meta>. Задает кодировку документа UTF-8.
Теперь, для того, чтобы было удобнее работать в последствии, чтобы структура документа была компактнее, уплотним промежуток строк страницы, как показано на Screen 3.
Screen 3.
Пока, на время, созраните этот файл под именем index.html, мы ещё будем его изменять, дополнять и вставлять в код ведущие теги.
