В чем разница между тегами HTML и элементами? - PullRequest
59 голосов
/ 20 января 2012

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

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

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

Ответы [ 8 ]

95 голосов
/ 20 января 2012

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

<p> и </p> называются тегами HTML

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

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

20 голосов
/ 19 января 2014

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

HTML-элементы

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

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

HTML-теги

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

<p></p>

атрибуты HTML

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

Самое популярное неправильное использование термина «тег» относится к атрибутам alt как «тегам alt». В HTML такого нет. Alt - это атрибут, а не тег.

<img src="foobar.gif" alt="A foo can be balanced on a bar by placing its fubar on the bar's foobar.">

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

6 голосов
/ 21 марта 2017

Элементы HTML

Элемент HTML обычно состоит из тега start и тега end с содержимым, вставленным между:

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

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

Атрибуты HTML

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

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

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

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

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

Например, <p> - начальный тег абзаца, а </p> - закрывающий тег того же абзаца, но <p>This is paragraph</p> - элемент абзаца.

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

4 голосов
/ 23 января 2014

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

3 голосов
/ 20 января 2012

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

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

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

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

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

Например:

<h1></h1>

Где элементы - это нечто, состоящее из начального тега и конечного тега, как показано ниже:*

<h1>Heading</h1>
1 голос
/ 14 февраля 2017

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

Элементы


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

Например:

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

Метки


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

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

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

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

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

- закрывающий тег enter image description here
0 голосов
/ 12 ноября 2017

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

- 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 / 
0 голосов
/ 06 сентября 2015
<p>Here is a quote from WWF's website:</p>.

В этой части <p> является тегом.

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

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

...