Какие существуют типы связей между элементами в HTML?

Алиса

На основе источников, возможны неточности

Как это работает?

Некоторые типы связей между элементами в HTML:

Предок. webref.ru html5book.ru Элемент, внутри которого располагаются другие элементы с произвольным уровнем вложения. webref.ru Например, для <p> предками будут <main>, <body> и <html>. webref.ru

Потомок. webref.ru html5book.ru Элемент, расположенный внутри одного или нескольких предков. webref.ru Например, <a> является потомком как <li>, так и <ul>, поскольку располагается внутри них. webref.ru

Родитель. webref.ru html5book.ru Непосредственный предок элемента, который располагается выше на один уровень в дереве документа. webref.ru Например, <header> будет родителем для <ul>, но уже не для <li>, для него родителем будет выступать <ul>. webref.ru

Ребёнок (дочерний элемент). webref.ru Непосредственный потомок элемента, который располагается ниже на один уровень в дереве документа. webref.ru Например, дочерним для <main> будет элемент <p>; для <ul> дочерними элементами выступают <li>, но не <a>. webref.ru

Братья (сиблинги). webref.ru Элементы, расположенные на одной ветке и имеющие общего родителя. webref.ru Например, братскими являются элементы <header>, <main> и <footer>, а также <li>. webref.ru

Смежные. webref.ru Братские элементы, расположенные рядом друг с другом. webref.ru Смежными будут элементы <header> и <main>, а также <main> и <footer>. webref.ru

Примеры полезных ответов Поиска с Алисой на вопросы из разных сфер. Вопросы сгенерированы нейросетью YandexGPT для актуальных тем, которые определяются на базе обобщённых запросов к Поиску с Алисой.

Пожаловаться на контент

Пользовательское соглашение

Связаться с нами

Задать новый вопрос

Как это работает?