Как устроена HTML-страница
Устройство HTML-страницы: теги и их роль в отображении контента, структура: заголовок и тело страницы.
Содержание:
Введение
Когда мы открываем какой-либо сайт, на экране появляется веб-страница. Она представляет собой текстовый файл, который браузер получает от сервера и затем отображает. В сущности, веб-страница содержит информацию о том, что показывать, и как это делать.
Веб-страницы создаются с использованием языка разметки HTML, поэтому их также называют HTML-страницами. Разберёмся, как устроена такая страница. Эти знания пригодятся для понимания работы сайтов и принципов взаимодействия с ними поисковых систем.
Теги HTML
Теги HTML — это команды для браузера, которые определяют, как он должен отображать веб-страницу. Они невидимы для пользователей, так как интерпретируются самим браузером.
Теги заключаются в угловых скобках. Как правило, они идут парами: открывающий тег и закрывающий, такой же, но с косой чертой перед названием. Между этими двумя тегами располагается содержимое, которое и видит пользователь.
Некоторые теги не требуют закрывающего тега. К примеру, тег <img>
для вставки изображений, <br>
для разрыва строки или <hr>
для добавления горизонтальной линии.
В интернете существует множество ресурсов, где подробно описаны все теги HTML. Один из таких примеров — сайт «HTMLBook», где вся информация представлена на русском языке: https://htmlbook.ru/html.
Структура HTML-страницы
Любая HTML-страница начинается и заканчивается тегами <html></html>
. Перед ними идёт декларация <!DOCTYPE html>
, сообщающая браузеру, какой стандарт HTML используется в данном документе.
Сам документ делится на две основные части: заголовочную (<head>
) и тело (<body>
).
Заголовочная часть страницы
Заголовочная часть страницы обрамлена тегами <head></head>
. Здесь содержится служебная информация, которая:
- не отображается пользователю;
- позволяет браузеру корректно отображать страницу;
- инициирует выполнение нужных скриптов.
В заголовочной части имеются теги <title> и <description>, которые помогает поисковым системам понимать контент страницы и напрямую участвуют в SEO-продвижении.
В теге <title> содержится название страницы. Название страницы показывается во вкладке браузера, а так же название страницы видно в результатах поиска.
В теге <description> содержится описание страницы, которое так же видно в результатах поиска.
Тело страницы
Тело страницы ограничено тегами <body></body>
. Именно сюда помещается основной контент, который будет виден пользователю, а также команды, определяющие, как этот контент следует отображать.
HTML-страница — код
HTML-страница — вид в браузере
Добавить комментарий