HTML5基本结构和语法

最新推荐文章于 2025-06-10 13:54:39 发布

笑喵人生

最新推荐文章于 2025-06-10 13:54:39 发布

阅读量994

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML5

本文链接：https://blog.youkuaiyun.com/qq_37723186/article/details/92958279

HTML5 专栏收录该内容

6 篇文章

订阅专栏

博客介绍了 HTML5 文档的语法知识要点，如省略部分元素、简化 DOCTYPE 声明和 <meta> 元素 charset 属性值等。还给出简单 HTML5 文档基本结构，并与 HTML4 对比，涉及内容类型、文档类型和字符串编码等方面。

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

HTML5 文档省略了< html>、< head>、< body>等元素，使用HTML5的 DOCTYPE 声明文档类型，简化< meta>元素的charset属性值，省略 < p>元素的结束标记，使用 <元素/> 的方式来结束 < meta>元素，以及 < br> 元素等语法知识要点。

一个简单的 HTML5 文档基本结构：

<!DOCTYPE html>
<meta charset="UTF-8">              <!--head部-->
<title>HTML5 基本语法</title>
<h1>HTML</h1>                       <!--body部-->
<p>HTML5 的目标是为了能够创建更简单的Web程序，书写出更简介的HTML代码。
<br/>例如，为了使Web应用程序的开发变得更加容易，提供了很多API；为了使HTML变得更简洁，开发出了新的属性、新的元素等。总体来说，为下一代Web平台提供了许多新的功能。

在这里插入图片描述
与HTML4对比：

1.内容类型：HTML5 的文件扩展名和内容类型保持不变。如，扩展名仍为“.html”或“.htm”，内容类型（ContentType）仍为“text/html”。

2.文档类型：DOCTYPE 命令声明文档类型，它是 HTML 文档必不可少的组成部分，且必须位于代码的第一行。HTML5 相较于 HTML4 进行了简化。

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

HTML 5: 不用刻意版本声明，一份文档适用于所有版本
<!DOCTYPE html>

使用工具时，也可在 DOCTYPE 声明中加入 SYSTEM 识别符，方法如下：
<!DOCTYPE HTML SYSTEM "about : legacy-compat">

3.字符串编码：

HTML4 中使用 meat 元素定义文档的字符编码 如下：
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

HTML5 中继续沿用 meat 元素定义文档的字符编码，但是简化了charset 属性的写法，如：
<meta charset="UTF-8">