HTML标签和元素有什么区别？答案

【问题标题】：What is the difference between HTML tags and elements?HTML标签和元素有什么区别？
【发布时间】：2012-02-14 18:44:26
【问题描述】：

我注意到大多数人交替使用 HTML 标记 和 HTML 元素 这两个词。

但是它们之间有什么区别呢？

我看到它的方式是标签在源代码中，元素是 DOM 中处理的标签（由浏览器）。我错了吗？

【问题讨论】：

即使在 2020 年也是有效的问题，并且在 2040 年也将保留 :)

标签： html terminology

【解决方案1】：

HTML 标签只是打开或关闭实体。例如：

 和  被称为 HTML 标签

HTML 元素包含开始标签、结束标签、内容（无内容标签可选）例如：

This is the content : 这个完整的东西叫做 HTML 元素

【讨论】：

这是一个很好的答案，因为人们期望一些深奥甚至有点复杂的东西，但它只是一个非常有用的词汇专业化，在谈论 HTML 时具有良好的粒度。有谁知道这些术语是否也适用于 XML？
那么呢？是html标签还是html元素？
@YuvrajPatil 两者兼而有之。是没有内容的标签，也是元素
感谢您的澄清。
@YuvrajPatil 也称为"empty element"。我相信过去它们也被称为“无效”或“自动关闭”标签。

【解决方案2】：

HTML 标签 vs. 元素 vs. 属性

HTML 元素

HTML 中的元素代表某种结构或语义，通常由开始标记、内容和结束标记组成。下面是一个段落元素：

This is the content of the paragraph element.

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 tags vs. elements vs. attributes

【讨论】：

【解决方案3】：

HTML 元素

一个 HTML 元素通常由 start 标签和 end 标签组成，内容插入在其间：

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

HTML 元素是从开始标记到结束标记的所有内容。 Source

HTML 属性

属性用于定义 HTML 元素的特征，并放置在元素的开始标记内。所有属性都由两部分组成：name和value。

所有 HTML 元素都可以有属性
属性提供关于元素的附加信息
属性总是在开始标记中指定
属性通常以名称/值对形式出现，例如：name="value" Source

HTML 标签与元素

“元素”和“标签”是被广泛混淆的术语。 HTML 文档包含标签，但不包含元素。元素仅在解析步骤之后从这些标签生成。 来源：维基百科> HTML_element

HTML 元素由起始标签定义。如果元素包含其他内容，则以结束标记结束。

例如是段落的开始标记，是同一段落的结束标记，而This is paragraph是段落元素。

来源：tutorialspoint > html_elements

【讨论】：

【解决方案4】：

让我们用一个简单的术语来说明这一点。元素是一组正在使用的开始和结束标记。

元素

<h1>...</h1>

标签 H1开始标签

<h1>

H1 结束标签

</h1>

【讨论】：

只是好奇，html类被认为是html元素的一种形式吗？
我的回答是肯定的。就像我说的那样，在“开始标签、其内容和结束标签”之上称为元素。 content... 所以是的 html 是一个标签，但与开始和结束标签放在一起，它变成了元素。

【解决方案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 的技术，为计算机提供了一种简单的方法来确定哪些部分是“标记”以及哪些部分是内容。通过使用''作为一种括号，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】：

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

在这部分是一个标签。

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

在这部分<blockquote>是一个元素。

【讨论】：

这似乎并不能真正回答问题。