HTML和HTML5的标签类型有哪些区别？

更新时间:2023-07-27 来源:黑马程序员浏览量:

IT培训班

带有“<>”符号的元素被称为HTML标签，也称为HTML标签或HTML元素，例如：<html>、<head>、<body>都是HTML标签。HTML中的标签分为三种，分别为单标签、双标签、注释标签。

单标签

单标签也称空标签，是指用一个标签符号即可完整地描述某个功能的标签。

<标签名/>

单标签语法格式：

在上述语法格式中，“标签名”和“/”之间有一个空格，在HTML5中，空格和斜线均可以省略。例如hr标签可以写作<hr/>也可以写成<hr>。

双标签

双标签也称体标签，是指由开始和结束两个标签符组成的标签。

双标签语法格式：

<标签名>内容</标签名>

<标签名>表示该标记的作用开始，一般称为“开始标签”，</标签名>表示该标记的作用结束，一般称为“结束标签”。

注释标签

若需要在HTML文档中添加注释文字，就需要使用注释标签。
注释标签语法格式：

<！--注释语句-->

HTML中标签和元素的差别

可以把HTML中带有“<>”符号的字母或单词统一被称为标签。元素是指标签和标签包含的所有内容。书写元素时，通常不会带有“<>”符号。

标签和元素的常见称谓应用示例如下。

<div>小美爱学习</div><hr/>

开始标签：<div>开始标签。

结束标签：</div>结束标签。

标签：<div>标签、<hr/>标签。

元素：div元素、hr元素。

元素内容：小美爱学习。

HTML5标签的属性

通过为HTML5标签设置属性的方式可以增加更多的样式，例如字体、颜色等。

1690430036113_标签.png

HTML5标签设置属性的基本语法格式：

<标签名属性1="属性值1”属性2=”属性值2”.…>内容</标签名>

在上述语法格式中，标签可以拥有多个属性，属性必须写在开始标签中，位于标签名后面。属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。

例如下列代码：

<p align="center">我是居中显示的文本</p>

上述代码中哪个是属性？哪个数属性值？

例如以下代码：

<p align="center">我是居中显示的文本</p>

需要注意的是大多数属性都有默认属性值，例如省略<p>标签的align属性，段落文本则按默认值左对齐显示，也就是说<p></p>等价于<p align="left"></p>。

最新资讯