На этой странице

Структура HTML-документа


Структура html – страницы содержат основные правила языка HTML, отношения в структуре html – документа между html – элементами.

Структура html – документа простая , в примере наглядно показана как выглядит простая html – страница .

XHTML


<!DOCTYPE html> -  <!-- Объявление формата документа -->
<html>
<head>
   <!-- Техническая информация о документе -->
</head>
<body>
   <!-- Основная часть документа -->  
</body>
</html>

Когда Web - браузер получает документ , он по тегам определяет , как документ должен быть интерпретирован .

Тег - <html> Самый первый тег , который встречается в документе , должен быть тегом <html> . Данный тег сообщает Web - браузеру, что документ написан на языке HTML .

Вид минимального HTML – документа


<html>  ...тело документа... </html>

Таким образом , теги <html> и </html> образуют для HTML - документа так называемый контейнер .

Тег - <head> Структурно документ распадается на две части: заголовочную и основную, или тело документа . Заголовочная часть размещается между тегами <head> и </head> , основная — между тегами <body> и </body>.

Все тэги, расположенные между <head> и </head> , это техническая информация о документе информации .

Подробнее сморите в разделе тегов : тег <head> .


<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Заголовок страницы</title>
</head>

Тег - <title>


Тег <title> – Внутри контейнера <head> и </head> размещается единственный обязательный контейнер из тегов <title> и </title>, содержащий текст заголовка .

Единственным обязательным тегом в разделе HEAD является тег <title> . Текст , расположенный между тегами <title> и </title> , отображается в строке заголовка Web – браузера. Длина заголовка должна быть не более 60 символов , иначе он полностью не поместиться в заголовке Web – браузера :

Подробнее сморите в разделе тегов : тег <title> .

<title>Заголовок страницы</title>

Тег - <body>


Тег <body> – Тело документа должно находиться между тегами <body> и </body> . Это та часть документа , которая отображает его текстовую и графическую информацию .

Тег <body> парный . Между открывающим тегом <body> и закрывающим тегом </body> размещаются все другие теги программы, составляющие основное содержание документа. Тег <body> предназначается для выделения той части документа , которая должна быть показана пользователю на экране .

Подробнее сморите в разделе тегов : тег <body> .

<body>
   <!-- Основная часть документа -->  
</body>

Теги и атрибуты


Тег — код языка HTML , с помощью которого выполняется разметка исходного текста . Тег записывается в угловых скобках . Как уже отмечалось , все теги начинаются с символа < и заканчиваются символом > . После открывающей угловой скобки следует имя тега (команды). Каждый тег может иметь атрибуты . После перечисления всех атрибутов начальный, или открывающий, тег закрывается . После открывающего тега располагается содержимое тега . Код HTML - документа заканчивается конечным , или закрывающим , тегом (рис.). Закрывающие теги начинаются с символа косой черты (/).

Рис. example-1.3
Структура HTML-элемента

При написании тегов не учитывается регистр букв , то есть код может быть написан как строчными , так и прописными буквами , но в основном используют прописные , чтобы отличать теги от информационного наполнения документа.

Если тег написан с ошибкой , то программа его игнорирует , не сообщая об ошибке , теги не отображаются сами , а влияют на способ отображения документа.

Рекомендуемые материалы

Спецификации