Структура HTML документа » PHPSOCIAL.COM.UA - Бесплатные премиум темы и шаблоны, плагины, модули, готовые сайты, интернет магазины, блоги скрипты, сайты под заказ и много различных движков CMS.

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

Всем салют. нашлось немного времени , что бы поделить своими познаниями с вами.

Я не буду писать громадную статью , о том что такое структура HTML документа. Постараюсь излагать кратко и ясно.

Структура это определённая взаимосвязь между какими либо объектами, или другими словами строение, каркас .

Так же как и тело человека состоит из каркаса-скелета , то и любой язык состоит так же из определённого каркаса.

Ниже на картинке представлен основной каркас HTML документа (веб странички).

Теперь перейдём непосредственно к коду:

<!DOCTYPE html><html><head><meta charset="utf-8"><title>Структура HTML  документа</title></head><body><h1>Мой первый заголовок</h1><p>Первый параграф</p><p>Второй абзац</p></body></html>

<!DOCTYPE html> - доктайп предназначен для указания типа текущего документа, так как будущее не за горами мы будем рассматривать только доктайп для HTML5. Традиционно доктайп пишется в верхнем регистре, а сам HTML код в нижнем.
<html> - это открывающийся тег , определяет начало HTML документа, соответственно внутри него находится голова <head> и тело <body>
<head> - Содержимое этого раздела не показывается напрямую в браузере за исключением <title>. Внутри головы могут находится следующие элементы: <base> ,<meta> ,<link> ,<script>, <style> ,<title>.
<meta charset="utf-8"> - данный элемент является универсальным и добавляет целое семейство метатегов. С помощью метатегов можно изменять кодировку страницы, ключевые слова, описание страницы и многое другое.
<title>Структура HTML документа</title> - Данный элемент определяет название веб страницы, которое отображается в браузере на текущей вкладке. Элемент <title> является обязательным, внутри тега можно использовать только текст и текстовые символы.
</head> - Это закрывающийся тег , показывает , что голова документа завершена.
<body> - Это тело документа , предназначено для размещения непосредственно видимых элементов страницы, заголовков, параграфов.
<h1>Мой первый заголовок</h1>- Это заголовок статьи
</body>- закрывающийся тег , показывает, что тело документа завершено
</html>- это последний тег html документа