Последнее время появился интерес к веб-разработке, а конкретно пробовал работать с HTML, CSS, PHP, JavaScriptи т.д. Но полученные знания получились разрозненными и поверхностными. Теперь настало время разложить все по полочкам. Начну с базовой структуры HTML документа, а точнее HTML5 документа. Почему HTML5? Да потому, что предыдущая версия HTML была выпущена на свет в 1999 году, а за это время всемирная паутина сильно изменилась и языку гипертекстовой разметки потребовались изменения. В новую версию языка было добавлено много нового. Стали доступны некоторые возможности, которые были доступны только с использованием внешних плагинов. Ну в общем перейдем к структуре HTML5 документа:
<!DOCTYPE html>
<html>
<head>
<meta charset=»UTF-8″>
<title>Скелет html документа</title>
</head>
<body>
</body>
</html>
Теперь построчно разберем скелет документа:
<!DOCTYPE html> — элемент <!DOCTYPE> предназначен для указания типа текущего документа. Это необходимо для того, чтобы веб-браузер понимал согласно какому стандарту отображать веб-страницу. Для HTML5 используется doctype который мы указали выше. В некоторых источниках пишут, что указание doctype в html5 является необязательным, но чтобы документ прошел валидацию(проверка кода веб-страницы на различного рода ошибки) тэг <!DOCTYPE html> необходимо указать. Попробуем проверить код, который был приведен выше. Для этого перейдем на сайт http://validator.w3.org/ и вставим туда наш код. Результат проверки:
This document was successfully checked as HTML5!
<html> — это контейнер, который заключает все содержимое веб-страницы.
<head> — содержание тега напрямую не отображается на веб странице, за исключением тега <title>, который будет описан ниже. Внутри тега <head> содержаться также мета теги, один из которых описан ниже.
<meta charset=«UTF-8″> — meta определяет мета теги, которое необходимы для хранения информации предназначенной для веб-браузеров и поисковых систем. В данном случае с помощью мета тега мы устанавливаем кодировку utf8(одна из общепринятых и стандартизированных кодировок текста, которая позволяет хранить символы Unicode).
<title>Скелет html документа</title> — заголовок веб-страницы, отображаемый в левом верхнем углу окна браузера.
</head> — закрывающий тег контейнера head.
<body> в этом теге содержится весь контент, который отображается в окне веб-браузера.
</body> - закрывающий тег контейнера body.
</html> — закрывающий тег контейнера html.
На этом пока закончим описание структуры html документа. Различные тонкости, подробности будем рассматривать попутно с другими темами.
Источник: http://dlmf03.bget.ru/