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)
|