shape1
shape2
shape3
shape4
shape7
shape8

HTML и CSS курс - урок №5 "Состав ТЕГа head, 2 часть"


Enzo_Fabiano

Новичок
Пользователь
21.05.2021
24
0
0
27
Приветствую, это 5 урок курса HTML и 2 часть изучения состава ТЕГа head, в этом уроке мы разберемся с изменением названия вкладки и перейдем к изучению мета ТЕГов.

Первое, на что мы обращаем внимание при открытие сайта - название, для изменения этого названия нам нужен лишь один ТЕГ title, как должно быть понятно, он располагается в ТЕГе head, выглядит это так:

<html>
<head>
<title>"Название вашего сайта"</title>
</head>
</html>


То что вы прописали между открывающим и закрывающим ТЕГами - название вкладки браузера определенной страницы, это самое легкое, так что растягивать тему не будем(как то любит делать Гоша).

Перейдем дальше, у нас существуют мета ТЕГи, но для чего они созданы? Создают такие ТЕГи для браузеров и их ботов, для указания автора кода, сам по себе ТЕГ мета(кстати, он является одиночным)ничего не может, но у него есть самые важные атрибуты, это name, в нем мы вписываем значение "author" для обозначения значимости ТЕГа, а уже после него атрибут "content", уже в нем вводите ФИО или Ф/И/О(ну, или как хотите!), все, теперь известно кто написал код для страницы сайта, выглядит такой код так:

<html>
<head>
<meta name="author" content="Enzo Fabiano">
</head>
</html>


Перейдем дальше, для того, чтобы боты могли понимать какой контент на сайте и рекомендовать пользователям необходимо описать наш сайт и прописать ключевые слова сайта, для этого есть два значения: description и keywords, description - значение, которое поясняет о том, что мы описываем нашу страницу, выглядит это так:

<html>
<head>
<meta name="description" content="Это описание сайта">
</head>
</html>



Но кроме этого желательно и добавить ключевые слова сайта, для этого используется значение "keywords" - ключевые слова, в коде это выглядит так:

<html>
<head>
<meta name="keywords" content="Это связанные с сайтом слова!">
</head>
</html>


На этом наш урок заканчивается, в следующем уроке мы изучим установку кодировки страницы и добавление иконки для вкладки в браузере под разные устройства и операционные системы.

---

Что мы изучили?

ТЕГ <meta>.

Атрибут "name".

Атрибут "content".

Значение "description".

Значение "author".

Значение "keywords".