В чем разница между тегами HTML и элементами?

Я замечаю, что большинство людей используют слова HTML-теги и HTML-элементы взаимозаменяемо.

Но в чем разница между ними?

Как я вижу, теги находятся в исходном коде, а элементы обрабатываются тегами (браузером) в DOM. Я не прав?

Ответ 1

HTML-тег - это просто открытие или закрытие объекта. Например:

 и  называются тегами HTML

HTML-элемент включает открытый тег, закрывающий тег, содержимое (необязательно для тегов без содержания) Например:

This is the content: эта полная вещь называется элементом HTML

Ответ 2

HTML-теги против элементов и атрибутов

Элементы HTML

Элемент в HTML представляет собой некоторую структуру или семантику и обычно состоит из начального тега, содержимого и конечного тега. Ниже представлен элемент абзаца:

This is the content of the paragraph element.

HTML-теги

Теги используются для обозначения начала и конца HTML-элемента.

<p></p>

атрибуты HTML

Атрибут определяет свойство для элемента, состоит из пары атрибут/значение и появляется в начале тега элементов. Начальный тег элементов может содержать любое количество разделенных пробелом пар атрибут/значение.

Самое популярное злоупотребление термина "тег" относится к атрибутам alt как "alt tags". В HTML нет такой вещи. Alt - это атрибут, а не тег.
<img src="foobar.gif" alt="A foo can be balanced on a bar by placing its fubar on the bar foobar.">

Источник: 456bereastreet.com: HTML-теги против элементов и атрибутов

Ответ 3

Элементы HTML

HTML-элемент обычно состоит из начального тега и конечного тега с содержимым, вставленным между:

<tagname>Content goes here...</tagname>

HTML элемент все от начального тега до конечного тега. Источник

Атрибуты HTML

Атрибут используется для определения характеристик элемента HTML и помещается внутри тега открытия элемента. Все атрибуты состоят из двух частей: имени и значения.

Все элементы HTML могут иметь атрибуты
Атрибуты предоставляют дополнительную информацию об элементе
Атрибуты всегда указываются в начальном теге
Атрибуты обычно входят в пары имя/значение, например: name = "value" Source

HTML-тег против элемента

"Элементы" и "теги" - это термины, которые широко путаются. HTML-документы содержат теги, но не содержат элементов. Элементы генерируются только после шага синтаксического анализа, из этих тегов. Источник: wikipedia> HTML_element

Элемент HTML определяется стартовым тегом. Если элемент содержит другое содержимое, он заканчивается закрывающим тегом.

Например,  является начальным тегом абзаца, а  закрывает тег того же абзаца, но This is paragraph является элементом абзаца.

Источник: tutorialspoint> html_elements

Ответ 4

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

Ответ 5

http://html.net/tutorials/html/lesson3.php

Теги - это метки, которые вы используете для обозначения начала и конца элемента.

Все теги имеют одинаковый формат: они начинаются с знака меньше "<" и заканчивается значком " > ".

Вообще говоря, есть два типа тегов - открывающие теги: <html> и закрывающие теги: </html>. Единственное различие между открывающим тегом и закрывающим тегом - это косая черта "/". Вы помещаете контент, помещая его между открывающим тегом и закрывающим тегом.

HTML - это все элементы. Чтобы изучить HTML, нужно изучить и использовать разные теги.

Например:

<h1></h1>

Где в качестве элементов есть что-то, что состоит из начального тега и конечного тега, как показано:

<h1>Heading</h1>

Ответ 6

Теги и Элементы не совпадают.

Элементы

Это сами части, т.е. абзац - это элемент, или заголовок - это элемент, даже тело - это элемент. Большинство элементов могут содержать другие элементы, поскольку элемент body будет содержать элементы заголовка, элементы абзаца, на самом деле почти все видимые элементы DOM.

Например:

<p>This is the <span>Home</span> page</p>

Метки

Теги не являются самими элементами, скорее они являются битами текста, который вы используете, чтобы сообщить компьютеру, на котором начинается и заканчивается элемент. Когда вы "помечаете" документ, вам обычно не нужны эти дополнительные заметки, которые на самом деле не являются частью текста, который должен быть представлен читателю. HTML заимствует технику с другого языка SGML, чтобы обеспечить простой способ для компьютера определить, какие части являются "MarkUp", а какие части являются содержимым. Используя '<' и ' > ' в виде скобок, HTML может указывать начало и конец тега, то есть наличие '<' говорит браузеру, "этот следующий бит - разметка, обратите внимание".

Браузер видит буквы "

" и решает: "Начался новый абзац, лучше начать новую строку и, возможно, отступить". Затем, когда он видит "

", он знает, что абзац, над которым он работал, закончен, поэтому он должен сломать линию там, прежде чем перейти к следующему.

- Открытие тега.

- Закрывающий тег

Ответ 7

Эта визуализация может помочь нам узнать разницу между понятием элемента и тега (каждый из них содержит отступ):

- element

        - content:

            - text 

            - other elements 

            - or empty

        - and its markup

            - tags (start or end tag)

                - element name

                - angle brackets < >

                - or attributes (just for start tag)

                - or slash /

Ответ 8

HTML-элементы

Элемент в HTML представляет собой некоторую структуру или семантику и обычно состоит из начального тега, содержимого и конечного тега. Ниже представлен элемент абзаца:

<p>
   This is the content of the paragraph element.
</p>

HTML-теги

Теги используются для обозначения начала и конца элемента HTML.

Начальный тег состоит из скобки угла открытия (<), за которым следует имя элемента, пары пар атрибут/значение с нулевым или большим пространством и скобка угла закрытия (>).

Начальный тег без атрибутов:

<p>

Начальный тег с атрибутом:

<p class="info">

Конечные теги состоят из скобки угла открытия, за которой следуют косая черта, имя элемента и скобка угла закрытия:

</p>

для полной информации (ссылка) https://www.456bereastreet.com/archive/200508/html_tags_vs_elements_vs_attributes/

Ответ 9

<p>Here is a quote from WWF website:</p>.

В этой части  есть тег.

<blockquote cite="www.facebook.com">facebook is the world largest socialsite..</blockquote>

в этой части <blockquote> является элементом.