Принципы наследования

ВВЕДЕНИЕ

Термин HTML (Hyper Text Markup Language) означает "язык маркировки гипертекстов". Это понятие более широкое, включает в себя Интернет и локальные сети, редакторы, броузеры, разнообразные програмные продукты, компакт-диски, обучающие курсы, дизайн и многое другое. HTML – своеобразная противоположность сложным языкам программирования, известным только специалистам.

Дерево элементов HTML

Дерево документа (document tree) — это схема построения HTML документа, которая показывает связи между различными элементами страницы: порядок следования и вложенность элементов. Эта схема помогает ориентироваться в этой, на первый взгляд, хаотичной каше HTML тегов.

Веб разработчику дерево документа помогает при написании CSS правил и Javascript сценариев.

Заметка

В html документе многие теги являются вложенными в другие, на пример:

<html>

<head>

<title>Примерный заголовок</title>

</head>

<body>

<h1>Что-то важное</h1>

<h2>Чуть менее важная инфо</h2>

<p>Содержимое страницы</p>

<ul>

<li>Пункт 1</li>

<li>Пункт 2</li>

<li>Пункт 3</li>

</ul>

</div>

</body>

</html>

Так выглядит код страницы, однако разработчик видит его иначе. Этот хаотический набор символов благодаря пониманию структуры документа выстраивается в четко определенную схему. Так он видит что head и body вложены в html, а h2 p ul в div class=”left” и так дальше.

Родственные связи между элементами

Между элементами дерева документа существуют определенные связи. В зависимости от характера связи объединяющего элементы страницы они подразделяются на предков и потомков, родителей и дочерей, сестринские элементы и прочее. Рассмотрим их.

Предки и потомки

Из схематического изображения дерева, да и из самого HTML кода, понятно, что одни элементы являются вложенными в другие. Элементы, которые содержат другие, являются предками (ancestor) по отношению к во всем вложенным в него. Вложенные в свою очередь являются его потомками (descendant).

Для наглядности рассмотрим одну ветку нашего дерева:

Каждый предок может иметь неограниченное число потомков. Каждый потомок будет иметь число предков в зависимости от структуры дерева и в какой ветке он будет расположен, но в любом случае как минимум один предок будет.

Родители и дочери

Родитель (parent) — это непосредственный предок (предок первого уровня) элемента. И наоборот, непосредственный потомок (потомок первого уровня) называется дочерним элементом (child).

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

Элемент-родитель еще называют прямой предок, а дочерний элемент —прямой потомок. Это что-то вроде семантических названий.

Сестринские элементы

Сестринские элементы (siblings) — это группа из двух и более элементов, у которых общий родитель. Элементы не обязательно должны быть одного типа, просто у них должен быть общий родитель.

Принципы наследования

Наследование — перенос свойств форматирования для элементов,

находящихся внутри других.

Дочерние элементы наследуют некоторые свойства своих родителей, внутри которых располагаются.Все сестринские и все смежные элементы наследуют одни и те же свойства от своих родителей.

Смежные элементы

Смежные элементы (adjacent) — это сестринские элементы, которые расположены «по соседству».