39 lines
2.6 KiB
Markdown
39 lines
2.6 KiB
Markdown
---
|
||
title: Page Structure
|
||
localeTitle: Структура страницы
|
||
---
|
||
## Структура страницы
|
||
|
||
Чтобы создать свои страницы в `HTML` , вам нужно знать, как структурировать страницу в `HTML` , в основном структурирование страницы выполняется по следующему порядку:
|
||
|
||
```HTML
|
||
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<title>Title of the Page</title>
|
||
</head>
|
||
<body>
|
||
<!-- Content -->
|
||
</body>
|
||
</html>
|
||
```
|
||
|
||
1º - Оператор `<!DOCTYPE html>` всегда должен быть первым, который появится на странице `HTML` и сообщите браузеру, какая версия языка используется. В этом случае мы работаем с `HTML5` .
|
||
|
||
2º - теги `<html>` и `</html>` сообщают веб-браузеру, где начинается и заканчивается код `HTML` .
|
||
|
||
3º - теги `<head>` и `</head>` содержат информацию о веб-сайте, например: стиль, метатеги, скрипты и т. Д. ...
|
||
|
||
4º - теги `<title>` и `</title>` сообщают браузеру, что такое заголовок страницы. Название можно увидеть, указав вкладку в своем интернет-браузере. Текст, который определяется между этими тегами, также является текстом, который используется в качестве заголовка поисковыми системами, когда они представляют страницы в результатах поиска.
|
||
|
||
5º. Между тегами `<body>` и `</ body>` размещается содержимое страницы, которое отображается в браузере.
|
||
|
||
### Изменения в HTML5
|
||
|
||
#### Введение семантических тегов
|
||
|
||
Вместо использования `<div>` для каждого другого контейнера несколько семантических (эти теги помогают читателям, которые используются визуально поврежденные), такие как `<header>` `<footer>` . Поэтому рекомендуется использовать эти теги вместо общего `<div>` .
|
||
|
||
#### Дополнительная информация:
|
||
|
||
[HTML: Введение](https://www.w3schools.com/html/html_intro.asp) |