HTML5常用标签（1）--基础

最新推荐文章于 2023-08-04 12:22:36 发布

原创最新推荐文章于 2023-08-04 12:22:36 发布 · 2.8k 阅读

16 ·

CC 4.0 BY-SA版权

本文详细介绍了HTML5中常用的标签，包括<!DOCTYPE>、html、head和body等基础标签的作用和使用方法，适合初学者快速掌握HTML5文档结构。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

初学web前端，学习过程中总结了一下html5常用的标签，先做一个系列，介绍下各个标签作用。

先介绍下常用基础标签：

!DOCTYPE 标签

<!DOCTYPE html>是一个声明，表示该文档是由 HTML5 进行编写的。<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。请始终向 HTML 文档添加 <!DOCTYPE> 声明，这样浏览器才能获知文档类型。

注：

在 HTML 4.01 中有三种 <!DOCTYPE> 声明。

HTML 4.01 Strict

该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 Transitional

该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 Frameset

该 DTD 等同于 HTML 4.01 Transitional，但允许框架集内容。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN""http://www.w3.org/TR/html4/frameset.dtd">

HTML5

<!DOCTYPE html>
html 标签

html 元素用于告诉告诉浏览器其自身是一个 HTML 文档。

<html> 与 </html> 标签限定了文档的开始点和结束点，在它们之间是文档的头部和主体。正如您所了解的那样，文档的头部由 <head> 标签定义，而主体由 <body> 标签定义。

注：

即使 html 元素是文档的根元素，它也不包含 doctype 元素。doctype 元素必须位于 html 元素之前。
head 标签

<head> 标签用于定义文档的头部，它是所有头部元素的容器。

<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。

注：

下面这些标签可用在 head 部分：<base>, <link>, <meta>, <script>, <style>，<title>。

<title> 是 head 部分中唯一必需的标签。
body 标签

<body> 标签定义文档的主体。

body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等）。

实例：

<!DOCTYPE html>

<html>

<head>

这里是文档的头部 ......

</head>

<body>

这里是文档的主体 ... ...

</body>

</html>

会持续更新html5常用标签及一些特殊标签，

新建微信公众号：程序员杜源，与大家共同学习。