HTML5 - Основы

"HTML5 - Основы"

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

HTML-элемент состоит из открывающего и закрывающего тегов, а также контента. Контент может включать другие HTML-элементы, формируя иерархическую структуру.

Иерархические отношения между элементами

• Родитель: элемент, в который вложен другой элемент.
• Ребёнок: элемент, вложенный в другой.
• Предок: родитель родителя или более дальний родитель.
• Потомок: ребёнок ребёнка или более дальний прародитель.
• Сиблинг: элементы с одним и тем же родителем.

Как правильно писать HTML-код

Вложенный код должен сдвигаться на 2 пробела относительно родительского элемента.

Что такое веб-браузер

Веб-браузер — это программа для просмотра веб-страниц. Основные браузеры: Internet Explorer, Firefox, Chrome, Safari и Opera.

Что такое user agent

User agent — это программа, которая получает доступ к веб-страницам от имени пользователя. К user agent относятся браузеры и поисковые роботы.

Инструменты для создания HTML

Для создания HTML-документов можно использовать простые текстовые редакторы с поддержкой кодировки UTF-8. Важно проверять, как страница отображается в разных браузерах.

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

HTML5-документ начинается с указания типа документа. Элемент html содержит атрибуты lang и состоит из элементов head и body.

• Элемент head: включает метаданные страницы, такие как заголовок, кодировка символов и стили CSS. Он не отображается в окне браузера, но загружается первым.
• Элемент body: содержит видимый контент страницы. Он отображается в рабочей области окна браузера.

Пример HTML5-документа

Пример включает элементы title и meta для заголовка и кодировки символов, а также текстовое содержимое в элементе body.

#dev #html5 #lifehack #top