Не могу понять, где в HTML дочерние, родительские элементы?

Question

[is-jabir]

Добрый вечер, вечно вижу в статьях такие термины, как "дочерние" элементы, "родительские" и т.д. Гуглил, гуглил не понимаю все равно. Можете мне пожалуйста разъяснить на основе нижеприведенного HTML кода, заранее благодарю.

<div>
		<span>
			<h1>
				
			</h1>
		</span>
	</div>

Comments

[Lynn «Кофеман»]

span дочерний по отношению к div и родительский по отношению к h1

П.С. Вкладывать h1 в span нельзя

[Шохрух Шаймардонов]

Алексей Тен, выведите в блок ответа. Тянет на решение)

[Ярослав Иванов]

Алексей Тен, а ты запрети!

[Ярослав Иванов]

Шохрух Шаймардонов, не тянет. Это прям основы основ. И если ты изучаешь html сразу на каких-то абстрактных примерах - не делай так.

[Шохрух Шаймардонов]

Ярослав Иванов, не ну я к тому, что на конкретно заданный вопрос дали ответ в 1 предложении) чтобы было хоть какое-то понимание

[Lynn «Кофеман»]

Ярослав Иванов, понятно что HTML всё стерпит. Но если всё-таки следовать спецификации, то внутри span может быть только phrasing content, а h1 относится к flow content.

[Сергей delphinpro]

Ярослав Иванов, вопрос-то не об этом.

[Сергей delphinpro]

Ждем вопроса о сестринских (siblings) элементах

[Ярослав Иванов]

Сергей delphinpro, братских же, не?)

Answer 1

[fallus]

Это как обнимашки.
Мама и папа (а иногда дядя Рустем на остановке) обнимают своих детей (как правило). Родители.

div обнимает span. Значит div — родитель span'у. А span — дочь его, потомок.

span родила внебрачную дочь и назвала её h1, в честь мужа. Брезгливо обнимает.

Для h1, span — родитель. Объятия через страдания.

Comments

[is-jabir]

Интересно рассмотрено) Спасибо за ответ.

Answer 2

[Никита Шинкевич]

Ну вот DIV, это родитель для всех что в нем... и все. В свою очередь span - его дочерний, а h1 - дочерний для span...