### Что нужно писать в начале HTML?
HTML (HyperText Markup Language) — это стандартный язык разметки для создания веб-страниц. Правильное оформление структуры документа имеет ключевое значение для его корректного отображения в браузерах. В данной статье рассмотрим, что необходимо указать в начале HTML-документа.
#### 1. Доктип (DOCTYPE)
Сначала следует указать декларацию типа документа (doctype). Это сообщает браузерам, что перед ними HTML-документ, а также помогает определить, какую версию HTML необходимо использовать для рендеринга страницы. Для современных веб-страниц чаще всего используется следующий doctype:
```html
<!DOCTYPE html>
```
#### 2. Элемент `<html>`
За декларацией следует корневой элемент документа — `<html>`. Он служит контейнером для всех остальных элементов и атрибутов HTML. Важно указать атрибут `lang`, который обозначает язык содержимого страницы. Например, для страницы на русском языке это будет выглядеть так:
```html
<html lang="ru">
```
#### 3. Элемент `<head>`
Внутри элемента `<html>` находится элемент `<head>`, который содержит метаинформацию о документе. В нем указывается информация, необходимая для браузеров и поисковых систем. Вот основные элементы, которые должны присутствовать в `<head>`:
- **Кодировка**: Указывает, какую кодировку использует документ. Рекомендуется использовать UTF-8.
```html
<meta charset="UTF-8">
```
- **Название страницы**: Задает заголовок, который отображается на вкладке браузера.
```html
<title>Название вашей страницы</title>
```
- **Метатеги**: Например, можно добавить метатеги для SEO и социальных сетей.
```html
<meta name="description" content="Описание вашей страницы">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
```
#### 4. Элемент `<body>`
Наконец, после закрытия элемента `<head>` следует элемент `<body>`, который содержит видимое содержимое веб-страницы — текст, изображения, видео и прочие элементы:
```html
<body>
<h1>Добро пожаловать на мою страницу!</h1>
<p>Это пример базовой структуры HTML-документа.</p>
</body>
```
#### Пример полной структуры HTML-документа
Итак, полный документ HTML будет выглядеть следующим образом:
```html
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Описание вашей страницы">
<title>Название вашей страницы</title>
</head>
<body>
<h1>Добро пожаловать на мою страницу!</h1>
<p>Это пример базовой структуры HTML-документа.</p>
</body>
</html>
```
### Заключение
Правильная структура HTML-документа крайне важна для его функционирования и корректного отображения в различных браузерах. Следуя описанным рекомендациям, вы сможете создать качественные и стандартизированные веб-страницы.