Привет, джуниор!
В прошлой статье, мы создали нашу первую веб-страницу, настало время поговорить о том, что же все таки написали.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<h1>Я люблю фронтенд</h1>
</body>
</html>
<!DOCTYPE html> - тег, созданный для того, чтобы сообщить веб-браузеру какую спецификацию html мы используем на странице. В данном случае - html5.
<html lang="en"></html> - тег, обертывающий в себе содержимое всей веб страницы. У тега <html>, есть атрибут lang со значением en. Атрибут предназначен для того, чтобы указать на какой языке будет написан текст внутри документа. Внимательный читать обратит внимание, что в таком случае, нам потребуется сменить lang="en" на lang="ru".
<head></head> - тег, предназначен для хранения информации о веб-странице для браузеров и поисковиков.
<meta charset="UTF-8"/> - тег, сообщающий браузеру какая кодировка используется на страницу, в данном случае utf-8.
Следующие два meta тега, я пропущу, но если коротко, то один отвечает поддержку минимальной версию браузера Internet Explorer, второй за установку ширины документа в зависимости от ширины устройства пользователя.
<title></title> - тег, отвечающий за название веб-страницы.
<body></body> - тег, предназначен для хранения контента веб-страницы. Все что находится в теге body, будет видно конечному пользователю веб-сайта или веб-приложения.
<h1></h1> - тег, для хранения текстовых заголовков.
Мы разобрали лишь те теги, которые использовали. В следующей статье, мы начнем наполнять нашу страницу различным контентом... До скорых встреч =)