Каждый задавался вопросом, как на самом деле создают сайты? И так, сегодня мы узнаем структуру создания сайтов.
ПОНЯТИЕ ДЕСКРИПТОРА (ТЕГА)
Тег (более правильное название — дескриптор) - элемент языка разметки гипертекста, представляющие собой ключевые слова или символы, заключенные в угловые скобки.
Текст, содержащийся между начальным и конечным тегом, отображается и размещается в соответствии с указанными свойствами.
В языке HTML происходит деление тегов на одинарные и парные теги.
Одинарные теги состоят из одного тега, то есть, у них нет закрывающего тега.
Например: <br>, <hr>
Парные теги имеют открывающий и закрывающий тег.
Например: <html></html>, <h1></h1>
ОБЪЯВЛЕНИЕ ТИПА HTML ДОКУМЕНТА
За объявление типа документа отвечает тег DOCTYPE, который сообщает браузеру о типе документа и о его версии.
Тег DOCTYPE обязательно должен быть на первой строке HTML документа.
Синтаксис:
<!DOCTYPE html>
ГДЕ ВСЁ ХРАНИТСЯ?
Главным контейнером является тег <html>.
Вне тега <html> ничего не должно быть, кроме тега DOCTYPE, который располагается на первой строке. Если вы будете что-то писать вне тега <html></html>, то веб-страница будет не валидной.
Валидность кода подразумевает написание HTML-кода в соответствии с определенными стандартами, разработанными Консорциумом Всемирной Паутины - World Wide Web Consortium (W3C). Соблюдение правил, прописанных этим стандартом, является гарантией кроссбраузерности, то есть правильного отображения созданной страницы во всех браузерах, а также отсутствию ошибок, влияющих на скорость загрузки и другие параметры.
ТЕГ <HEAD>
Тег <head> предназначен для хранения элементов, цель которых помочь браузеру в работе с данными. Также внутри контейнера <head> находятся метатеги, которые используются для хранения информации предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных.
Содержимое тега <head> не отображается напрямую на веб-странице, за исключением тега <title>, устанавливающего заголовок окна веб-страницы.
Синтаксис:
<head>
. . .
</head>
ЗАГОЛОВОК СТРАНИЦЫ
Заголовок страницы – это тег <title>.
Этот заголовок мы видим на вкладке браузера, а так же в выдаче поисковой системы.
Это первое, что видит посетитель, следовательно, это очень важный тег, который играет огромную роль в поисковой оптимизации.
Тег <title></title> должен находиться внутри тега <head></head>.
Тег <title> должен содержать главную суть страницы. В HTML5 наличие тега <title> обязательно.
КОНТЕЙНЕР ДЛЯ СОДЕРЖИМОГО
Контейнером для всего содержимого веб-страницы является тег <body>, в котором хранятся все теги, картинки, текст, видео и так далее.
Синтаксис:
<body>
. . .
</body>
КОДИРОВКА СТРАНИЦЫ HTML
Кодировка – это набор символов. Если в HTML документе не указана кодировка, то текст может отображаться некорректно. Поэтому важно прописывать кодировку страницы. Указываем кодировку страницу при помощи метатега:
<meta charset = "utf-8">
Вскоре Вы узнаете больше о HTML, а также узнаете начальные навыки, следите за моим каналом, спасибо.
