Элемент и тег — это одно и тоже?

Question

[Петя Анисимов]

Прост на всяких обучающих веб-ресурсах типа HTMLBOOK или pixelcom бывает,что вместо того,чтобы написать слово "тег" пишут слово "элемент".
Извините,если глупый вопрос.

Answer 1

[Сергей Протько]

Под "элемент" имеется ввиду элемент DOM дерева. То есть это то, во что превратилась запись вашего тега. По сути тег преобразуется в элемент, одним из свойст которых, будет tagName. По сути дереву плевать, как и браузеру, какой тег вы запихнули. Просто оно для каждого тега создает свой элемент, со своими предефайнед стилями и поведением.

Comments

[Петя Анисимов]

@Fesor , У свойств же есть значения..
Значит,у свойства tagName тоже есть какое-то значение?

[Сергей Протько]

@petanisimov, да, имя тега, из которого был создан элемент.

[Петя Анисимов]

@Fesor , помогите,пожалуйста,не знаком с DOM просто,и представить сложно.
Вот тег преобразуется в элемент и возможно,что у этого элемента есть имя:
ЭлементовоеИмя{ tagname: canvas };
Вопрос: какое имя и есть ли оно,и нужно ли его знать?

[Сергей Протько]

@petanisimov, плевать на имя, у вас есть элемент, и вы можете с ним что-то делать.

Представьте себе иерархию классов. У вас есть Element, базовый класс, от него наследуются разные DivElement, CanvasElement и т.д. Каждый обладает всем тем что есть в Element, и добавляет что-то свое.

Что до DOM - это представление элементов в виде дерева. То есть если брать html страницу, тег html будет корнем дерева. Из него можно спуститься вниз по ветвям до любого элемента. Для верстки это все стоит знать только для того, что бы разобраться, как работает разбор селекторов css.

В целом для упрощения обучения, просто скажите себе что теги это будущие элементы.

[Петя Анисимов]

Базовый класс - это тот самый элемент,в который попадает тег canvas?

[Сергей Протько]

@petanisimov я несколько жалею что привел такой пример... Это уж слишком если углубляться, просто думал что так будет понятнее, что у всех элементов есть общая часть, но это всеравно разные элементы. Это нюансы все в контексте вопроса вообще не важны.

[Петя Анисимов]

@Fesor , а ну всё,я в принципе понял:
Есть какая-то общая часть "от неё исходят веточки", "листочком" одной из веточек является элемент,внутри которого есть то,что есть в самом теге атрибуты,например.

[Петя Анисимов]

@Fesor , или я как-то не так понял...

Answer 2

[denver]

Tags mark the start and end of an element.

<foo> — start tag
</foo> — end tag
<foo></foo> — element

stackoverflow.com/questions/12027770/what-is-the-d...