Обязательные элементы и тэги в HTML.

Задание Добавьте обязательные тэги, о которых говорится в видео в свой HTML-файл. 

Код, который можно скопировать. 

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Документ без названия</title>
</head>

<body>
</body>
</html>

После того, как мы с вами создали первый HTML - документ, он у нас был совершенно пустой. Никаких элементов и никаких HTML - тэгов в нем у нас пока еще не было. 

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

Чисто визуально, при добавлении этих обязательных тэгов, на веб-странице вы ничего не увидите, за исключением тэга title. Этот тэг немного повлияет на внешний вид документа. По сути, эти тэги являются просто обязательными тэгами, которые несут в себе некую служебную информацию для тех программ, которые будут взаимодействовать с этим HTML - документом.

Итак, что же это за обязательные тэги, которые должны присутствовать на любой HTML-странице?

В первую очередь - это тэг doctype.

Пишется он следующим образом:

<!doctype html>

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

Кроме HTML-документов, браузеры могут взаимодействовать и с другими видами документов. Поэтому нужно именно уточнить, что тип документа, с которым он будет взаимодействовать, является именно HTML. 

Далее идет парный тэг:

<html>
</html>

Это главный тэг, который содержит в себе все остальные тэги. Это самый главный родительский элемент, в котором хранятся все остальные тэги.

Далее, внутри этого парного тэга html, у нас находится тэг:

<head>
</head>

Он тоже является парным тэгом и содержит в себе различную служебную информацию, так называемые служебные заголовки. Здесь может располагаться информация о названии документа, о кодировке, как правило, в этой области подключаются различные скрипты, внешние стили оформления и внутренние стили оформления, которые будут отвечать за внешний вид документа. По сути, этот элемент head, отвечает за то, что он содержит некую служебную информацию, которая у нас не отображается на странице, но несет важную смысловую нагрузку о документе.

Внутри элемента head есть важный парный элемент title, который отвечает за заголовок веб-страницы, который будет отображаться в открытой вкладке браузера. Также элемент title выводится в результатах выдачи сайта в поисковых системах, например, Яндекс и Google.

Далее идет еще один очень важный элемент - элемент:

<body>
</body>

Это тоже парный тэг и в нем нужно располагать ту информацию, которая должна будет выводиться на самой веб-странице. Если посмотреть на веб-страницу, то это будет белая область экрана просмотра браузера.

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

<meta charset="UTF-8">

Этот тэг отвечает за то, какая кодировка текстовых символов будет у документа. Если указать неверную кодировку, то у вас могут возникнуть проблемы с отображением символов текста в различных браузерах и операционных системах. Если этот тег не указать, символы могут отображаться не правильно.

Как правило, здесь указывается кодировка UTF-8. Это универсальная кодировка, которая стала вроде стандарта и с ее помощью вы можете использовать как латинские символы, так и кириллицу и все у вас будет отображаться хорошо. 

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

Поэтому, можете прямо сейчас открыть свой HTML-документ и добавить все эти тэги в него и после этого мы можем переходить к дальнейшим работам.

Чтобы оставить комментарий или отчет по выполнению задания, зарегистрируйтесь на сайте.