16、HTML 教程 - 聊聊元素与标签

1. 任务背景

不管是我写的这套HTML教程,还是大家能看到的其他HTML教程,肯定会频繁的出现两个词汇:元素标签

其实连我自己都经常搞混这两个概念,后来偶然一次我看书发现,在HTML里面这两个词其实含义是不一样的。

所以本节就来聊聊元素与标签。

2. 任务目标

了解元素、标签、双标签、单标签即可。

3. 相关知识点

3.1 元素、标签

在HTML中,元素是指的标签及标签的内容部分,而标签指的是尖括号括起来的部分。例如:

<p>春眠不觉晓</p>

上面的整行代码,是html的段落元素。而中间的春眠不觉晓是该元素的内容,标签指的是<p></p>部分。

3.2 双标签

HTML中的标签,大多数都是成对使用的,有开始标签和结束标签,例如:<html></html><title></title><h1></h1>等等。

对于双标签来说,元素=开始标签+内容+结束标签。

3.3 单标签

HTML中还有一部分标签,无需成对,可以单独使用,例如换行标签<br>,这种称为单标签。

对于单标签来说,元素=标签。

3.4 单标签更严谨的写法

因为存在单标签,导致html中有两个标准,双标签必须闭合,单标签则不用。

所以在xhtml标准中,要求单标签也得闭合,所以<br>必须写成<br/>

xhtml是一种更严谨的html标准,大家了解即可,见到<br/>这样的写法,知道它跟<br>是一个意思就OK了。

3.5 标签的大小写

其实标签使用大写、小写,都是可以的,例如<HTML></HTML><html></html>效果相同。

但是一般习惯上,都是使用小写,所以建议大家跟随大众审美观,选择小写就对了。

4. 任务实操

本节主要是理论内容,无需实操,理解即可。

5. 任务总结

区分元素、标签,区分单标签、双标签,对后续学习有好处。