Академический Документы
Профессиональный Документы
Культура Документы
Отчет
по лабораторной работе № 1
Предмет T.WEB
Тема: “Знакомство со структурой документа
HTML/CSS ”
<!DOCTYPE html>
Тег <html></html> является основой основ. Именно внутри него располагается вся
информация. Благодаря этому тегу браузер понимает, где начинается контент, который
необходимо обработать как HTML.
<head> Тег служит для хранения служебной информации. Здесь возможны самые
разные сочетания тегов, которые подсказывают браузеру название страницы, описание,
ключевые слова и так далее. Такая информация называется метаинформацией. В
современном вебе она отвечает не только за служебную информацию для браузера, но и
активно используется при продвижении сайта. Поисковые системы считывают всю эту
информацию и на основе множества алгоритмов определяют место сайта при разных
поисковых запросах.
Любые данные, которые указаны внутри тега head, не видны при отображении
страницы в браузере. Это значит, что нет необходимости располагать там информацию,
которая предназначена для отображения.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Моя первая страница</title>
</head>
<body>
<header>
<img src="/logo.png" alt="Логотип"> <!-- Логотип сайта -->
<nav id="menu"> <!-- Меню -->
<ul>
<li><a href="/">Главная</a></li>
<li><a href="/about">О нас</a></li>
<li><a href="/contacts">Контакты</a></li>
</ul>
</nav>
</header>
</body>
</html>
Хоть данный набор и является основным, но на самом деле браузеры могут обработать
HTML-информацию и без базовой структуры документа. Но не стоит отдавать всё на
откуп браузеру. Он постарается автоматически обернуть контент в body, добавит
современный DOCTYPE, но при этом нет уверенности в том, что всё это он добавит
корректно.