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. 任务总结
区分元素、标签,区分单标签、双标签,对后续学习有好处。