HTML标签和元素有什么区别?

我注意到大多数人可以互换地使用HTML标签HTML元素

但是他们之间有什么区别呢?

我看到它的方式是标签在源代码中,元素在DOM中被处理标签(通过浏览器)。 我错了吗?

HTML标签只是打开或closures的实体。 例如:

<p></p>被称为HTML标签

HTML元素包含开始标记,结束标记,内容(对于无内容标记可选)例如:

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

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标签与元素与属性

让我们把它放在一个简单的术语中。 元素是一组使用中的开始和结束标签。

HTML元素

一个HTML元素通常由一个开始标记和结束标记组成,其内容插入在:

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

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

HTML属性

一个属性用于定义HTML元素的特征,并放置在元素的开始标签内。 所有属性由两部分组成: 名称

  • 所有的HTML元素都可以有属性
  • 属性提供了有关元素的其他信息
  • 属性始终在开始标签中指定
  • 属性通常以名称/值对的forms出现,如: name =“value” Source

HTML标签与元素

“元素”和“标签”是广泛混淆的术语。 HTML文档包含标签,但不包含元素。 这些元素仅在parsing步骤之后从这些标签中生成。 资料来源:维基百科> HTML_element

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

例如, <p>是段落的起始标记, </p>是closures同一段落的标记,但是<p>This is paragraph</p>是段落元素。

来源:tutorialspoint> html_elements

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

标签是用来标记元素开始和结束的标签。

所有标签都具有相同的格式:它们以小于号“<”开头,并以大于号“>”结尾。

一般来说,有两种标签 – 开始标签: <html>和结束标签: </html> 。 开始标签和结束标签之间的唯一区别是正斜杠“/”。 您通过将内容放在开始标记和结束标记之间来标记内容。

HTML是关于元素的。 学习HTML是学习和使用不同的标签。

例如:

 <h1></h1> 

作为元素是由开始标记和结束标记组成的,如下所示:

 <h1>Heading</h1> 

标签元素不一样的。

分子


它们本身就是件,即一个段落是一个元素,或者一个标题是一个元素,甚至是一个元素。 大多数元素可以包含其他元素,因为body元素将包含头元素,段落元素,事实上几乎所有的DOM可见元素。

例如:

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

标签


标签本身不是元素,而是它们是用来告诉计算机元素开始和结束的文本位。 当你“标记”一个文件时,你通常不希望把那些不是真正文本一部分的附加注释提供给读者。 HTML借用了另一种语言SGML的技术,为计算机提供了一种确定哪些部分是“MarkUp”以及哪些部分是内容的简单方法。 通过使用“<”和“>”作为一种括号,HTML可以指示标签的开始和结束,即“<”的存在告诉浏览器“这下一个标记是标记,注意”。

浏览器看到字母“

'并决定'新的一段开始,我最好开始一个新的行,也许缩进'。 然后当它看到“

“它知道它正在处理的段落已经完成了,所以在进行下一步之前,它应该打破这一段。

– 打开标签。

– closures标签 在这里输入图像说明

这种可视化可以帮助我们找出元素和标签的概念(每个缩进方式包含)之间的区别:

 - 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 / 
 <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>是一个元素。

两者都是一样的,但有一个细微的差别,这可能不会造成问题,而编码其公约。

<p> i am just an element </p> <p id="info"> i am just a tag </p>