HTML标签和元素有啥区别？
Posted
技术标签:
【中文标题】HTML标签和元素有啥区别？【英文标题】：What is the difference between HTML tags and elements?HTML标签和元素有什么区别？ 【发布时间】：2012-02-14 18:44:26 【问题描述】：我注意到大多数人交替使用 html 标记 和 HTML 元素 这两个词。
但是它们之间有什么区别呢？
我看到它的方式是标签在源代码中，元素是 DOM 中处理的标签（由浏览器）。我错了吗？
【问题讨论】：
即使在 2020 年也是有效的问题，并且在 2040 年也将保留 :) 【参考方案1】：HTML 标签只是打开或关闭实体。例如：
<p> 和 </p> 被称为 HTML 标签
HTML 元素包含开始标签、结束标签、内容（无内容标签可选） 例如：
<p>This is the content</p> : 这个完整的东西叫做 HTML 元素
【讨论】：
这是一个很好的答案，因为人们期望一些深奥甚至有点复杂的东西，但它只是一个非常有用的词汇专业化，在谈论 HTML 时具有良好的粒度。有谁知道这些术语是否也适用于 XML？ 那么 呢？是html标签还是html元素？ @YuvrajPatil 两者兼而有之。是没有内容的标签，也是元素 感谢您的澄清。 @YuvrajPatil 也称为"empty element"。我相信过去它们也被称为“无效”或“自动关闭”标签。【参考方案2】：HTML 标签 vs. 元素 vs. 属性
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" >
来源：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" SourceHTML 标签与元素
“元素”和“标签”是被广泛混淆的术语。 HTML 文档包含标签，但不包含元素。元素仅在解析步骤之后从这些标签生成。 来源：***> HTML_element
HTML 元素由起始标签定义。如果元素包含其他内容，则以结束标记结束。
例如<p>是段落的开始标记，</p>是同一段落的结束标记，而<p>This is paragraph</p>是段落元素。
来源：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>.
在这部分<p>是一个标签。
<blockquote cite="www.facebook.com">facebook is the world's largest socialsite..</blockquote>
在这部分<blockquote>是一个元素。
【讨论】：
这似乎并不能真正回答问题。以上是关于HTML标签和元素有啥区别？的主要内容，如果未能解决你的问题，请参考以下文章