什么是HTML标签与HTML元素？

这两个术语之间有区别

像任何行业或职业一样，网页设计都有自己的语言。 当你进入这个行业并开始向同行讲话时，你无疑会遇到一些对你而言是新鲜的词汇和短语，但是你的同行网络专业人员的舌头流动。 你会听到两个术语是HTML“标签”和“元素”。

当你听到这两个术语时，你可能会意识到它们在某种程度上可以互换使用。 因此，许多新的Web专业人员开始使用HTML代码时遇到的一个问题是“HTML标记和HTML元素之间有什么区别？”

虽然这两个术语的含义相似，但它们并不是真正的同义词。 那么这两个术语有什么相似之处呢？ 简而言之，标签和元素都是指用于编写HTML的标记。 例如，您可能会说您正在使用

标记定义段落或元素来创建链接。 许多人可以互换地使用术语标签和元素，任何与您交谈的网页设计师或开发人员都会理解您的意思，但事实是这两个术语之间存在细微差别。

HTML是一种标记语言 ，这意味着它是用可以被一个人读取而不需要首先编译的代码编写的。 换句话说，网页上的文字是用这些代码“标记”的，以便为网页浏览器指示如何显示文本。 这些标记标记本身就是HTML标记。

当你编写HTML时，你正在编写HTML标签。 所有的HTML标签都由许多特定的部分组成，包括：

• 小于号<
• 确定正在写入哪个标签的单词或字符
• 任何数量的可选HTML属性 ，其形式为name =“value”对
• 最后一个大于号>

例如，这里有一些HTML标签：

这些都是HTML开放标签，没有添加任何可选属性。 这些标签代表：

• - 定义一个段落。

• - 将页面定义为HTML
• - 定义一个分区。

以下内容也是HTML标签：

• 这些示例都包含已添加到开始HTML标记的属性。

  • 是一个包含ID属性的无序列表
    • 该部门有一个班级属性
    • 锚点或链接元素包含“href”属性
    • 带有“src”属性的图片标签

    对于锚点和图片标签，属性实际上不是可选的，它们对于这些标签正确显示是必需的。 您需要告诉链接要去哪里（这是“href”所做的）和图像显示内容（这是“src”属性提供的内容）。

    什么是HTML元素

    根据W3C HTML规范， 元素是HTML的基本构建块，通常由两个标签组成 ：开始标签和结束标签。 到目前为止，我们只看到了开始标签，它启动了这些元素。 要结束该元素，请编写相应的结束标签。

    例如，对于您编写的段落元素：

    这是由我们刚才看到的开始标签以及结束标签组成的。 关闭标签实际上只是重复的开始标签，但在“小于符号”之后直接添加了“正斜杠”。

    几乎所有的HTML元素都有一个开始标签和一个结束标签。 这些标签围绕着将显示在网页上的文字。 例如，要编写一段文字，您需要编写要在页面上显示的文字，然后用以下标记围绕它：

    这是您要编写想要在网页上显示的段落文本的地方。

    一些HTML元素没有结束标记。 这些被称为“空元素”。 有时候，他们也被称为“ 单身 ”或“空白”元素。 空元素很容易使用，因为您只需在网页中包含一个标签，浏览器就知道该怎么做。 例如，要为您的页面添加一个换行符，您可以使用b
    标记。

    仅包含开始标签的另一个常见元素是“图像”元素。 例如：

    我们之前看过这个例子，但是这个图片元素没有结束标签。 浏览器将简单地将此代码替换为“href”属性中引用的图像。 在这种情况下，这将是“logo.png”。

    一般来说，当我引用HTML元素或标记时，我将使用术语“元素”来表示我指的是元素的所有部分（开始和结束标记）。 我使用“标签”是我真的只指一个或另一个。 这是对这两个术语的恰当使用，我鼓励你正确地使用它们 - 但只要知道，如果你滑落并交换它们，你仍然可以被新的Web开发同行所理解！

    Jennifer Krynin的原创文章。 17/17/17由Jeremy Girard编辑