Войти
s-lub » Учебники » HTML » Структура WEB документа

Структура WEB документа

Структура WEB документа

Каждый web-документ (и естественно каждая страница сайта) должны содержать определённые теги, они необходимы что бы браузер всё верно понял и преподнёс читателям нужную информацию, давайте начнём по порядку.

Первой строчкой документа всегда стоит обозначение документа, более подробно мы его разберём в статье синтаксис:

DTD

Их бывает несколько, на примере изображен строгий синтаксис HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

На этом примере универсальный синтаксис HTML 5, используемый для всех видов документов:
<!DOCTYPE html>

Закрывается он тегом </html>.

HEAD

Голова страницы сайта, в нём прописываются важные вещи для браузера и поисковых систем, что бы они понимали, что находиться на странице. Заключённое в этот тег не будет видно пользователям сайта.

Внутри тега «head» располагаются следующие элементы:

- <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> - кодировка сайта, бывает windows-1251 и UTF-8.
- <title>название сайта или страницы сайта</title>

- <meta name="description" content="Краткое содержание информации на странице, желательно не более 200 символов">

- <meta name="keywords" content="Ключевые слова, желательно около 15 – 20 слов, по которым вы хотели бы видеть свой сайт в топе яндекса">

- <link href="style.css" type="text/css" rel="stylesheet"> - расположение CSS стилей для вашего сайта.

Мы перечислили только основные, сейчас в этом разделе могут располагаться подсказки для разных социальных сетей, поисковых систем и многое другое, более подробно мы постараемся рассказать в одной из следующих статей.

BODY

В этой части страницы находится вся информация, которая будет видна на экране монитора.

На заметку:
Вся информация окружённая символами <!-- --> не будет отображаться на сайте и увидеть её сможете только вы. В эти скобки нужно заключать важную для себя информацию, что бы при дальнейшей обработки сайта вы понимали, что где находиться, пример:


Все статьи по теме HTML:

- Введение и основы HTML
- Структура WEB документа
- Синтаксис в HTML
- Пробуем создать первую страничку
- Оформление текста в HTML (часть 1)
- Оформление текста в HTML (часть 2)
- Создание списков в HTML
- Ссылки в HTML
- Вставляем изображения в HTML документ
- Цвет теста и фона в HTML
- Создаём таблицы в HTML
- Что и для чего прописывать в HEAD
- Заключение и подведение итогов по всем пройденным элементам и атрибутам