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


71

我注意到大多数人会交替使用HTML标记HTML元素

但是它们之间有什么区别?

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


一个有效的问题,即使在2020年,也将在2040年仍然存在:)
vikramvi

Answers:


114

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

<p></p> 称为HTML标记

HTML元素包含开始标签,结束标签,内容(无内容标签是可选的),例如:

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


9
这是一个很好的答案,因为人们期望一些深奥的甚至是一点点复杂的东西,但是当谈论HTML时,它只是词汇的一种非常有用的专业化,以获得良好的粒度。有谁知道这些术语是否也适用于XML?
卢克·格里菲思

1
那<img src =“” />又如何呢?它是html标签还是html元素?
Yuvraj Patil

2
@YuvrajPatil都是。这是一个没有内容的标签,也是一个元素
Imam Assidiqqi

感谢您的澄清。
Yuvraj Patil

@YuvrajPatil也称为“空元素”。我相信在过去,它们也被称为“无效”或“自动关闭”标签。
Juan Marco

21

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


8

HTML元素

HTML元素通常由开始标签和结束标签组成,其内容插入在以下两者之间:

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

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

HTML属性

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

  • 所有HTML元素都可以具有属性
  • 属性提供有关元素的其他信息
  • 属性始终在开始标记中指定
  • 属性通常是在名称/值对,如:名称=“值” 来源

HTML标签与元素

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

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

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

资料来源:tutorialspoint> html_elements


6

让我们简单地说一下。元素是一组正在使用的开始和结束标签。

元件

<h1>...</h1>

标签 H1开幕标签

<h1>

H1关闭标签

</h1>

只是好奇,html类被认为是html元素的一种形式吗?
adelle

我的回答是。就像我说的,在“开始标签,其内容和结束标签”上方称为元素。<html> content ... </ html>是的html是一个标记,但与开始和结束标记放在一起成为它的和元素。
katwekibs

3

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

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

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

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

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

例如:

<h1></h1>

其中as元素是由开始标签和结束标签组成的内容,如下所示:

<h1>Heading</h1>

1

标签元素不一样的。

元素


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

例如:

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

标签


标签不是元素本身,而是它们是您用来告诉计算机元素开始和结束的位置的文字。当您“标记”文档时,通常不希望将那些不是文本真正组成部分的额外注释呈现给读者。HTML借鉴了另一种语言SGML的技术,为计算机提供了一种简便的方法来确定哪些部分是“标记”,哪些部分是内容。通过使用“ <”和“>”作为一种括号,HTML可以指示标签的开头和结尾,即,“ <”的存在告诉浏览器“下一位是标记,请注意”。

浏览器会看到字母“

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

'它知道它正在处理的段落已经完成,因此在继续下一步之前,应该在此断开一行。

-开头标签。

-结束标签在此处输入图片说明


0

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

- 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 / 

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


这似乎并没有真正回答这个问题。
Stuart Siegler
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.