Что такое семантика элемента html?

Question

Недавно я погрузился глубже в веб-технологии и старые добрые HTML.

я surpised центральной ролью html элемента в рендеринге (например, она имеет width и height), следовательно, визуальной семантика.

Я думал html только корень HTML документа, что позволяет упаковать вместе метаданные в head элемента и визуальных данных в body элемент, который сам по себе имеет четкую визуальную семантику.

Это вызывает некоторые вопросы о точном характере html элемента:

• концептуально, что именно это представляете?
• где определена его семантика?
• кроме его размера (width и height) и background, как это влияет на визуальный рендеринг?
• можно ли сказать, что его родитель является окном ?

Answer 1

зрительные семантика

Семантика и презентационные разные вещи. Семантика описывает смысл. Презентация описывает внешний вид. Презентация должна передать смысл зрителю. (И CSS описывает, как перевести семантику в визуальные сигналы, которые это делают).

концептуально, что именно представляет элемент html?

HTML-документ.

где определена его семантика?

the HTML recommendation.

кроме его размера (ширины и высоты) и фона, как это влияет на визуальный рендеринг?

Это зависит от того, какой CSS применяется к нему.

можно ли сказать, что родительский элемент htmlelement является окном просмотра?

Нет. Это объект документа.

console.log(document.querySelector("html").parentNode === document);