HTML5是一种用于构建网页和应用程序用户界面的标准标记语言。它是HTML标准的第五个修订版，引入了一系列新的元素和API，使开发人员能够创建更加丰富和交云的网站。以下是HTML5语法的一个总结，这需要对HTML的基础有所了解。
文档声明和字符编码
在HTML5中，每个HTML文档的开头必须声明文档类型。这告诉浏览器这是一个HTML5文档。
<!DOCTYPE html>
字符编码通常是UTF-8; 在HTML5中，这可以通过简单地在 <head>部分中包含以下元标签设置。
<meta charset="UTF-8">
基本结构
HTML5文档的基本结构包括一个根 <html>元素，一个 <head>部分来包含元数据，以及一个 <body>部分来包含页面内容。
<!DOCTYPE html>
<html>
<head>
<title>页面标题</title>
</head>
<body>
内容...
</body>
</html>
新的语义元素
HTML5引入了多个语义元素来帮助更好地描述网页的结构。这些包括：
<header>: 页面或页面区域的页眉部分。<nav>: 导航链接的容器。<section>: 文档中的独立部分，如章节或页面的某个主题区域。<article>: 应该被视为独立的内容，可以是一篇博客、论坛帖子或新闻文章。<aside>: 稍微偏离页面主要内容的部分，如侧边栏或广告。<footer>: 页面或页面区域的页脚部分。
例子:
<article>
<header>
<h1>文章标题</h1>
</header>
<p>文章内容...</p>
<footer>
<p>作者信息</p>
</footer>
</article>
表单元素
HTML5为表单控件引入了一些新类型，例如：
email: 用于电子邮件地址输入。date: 用于选择日期。time: 时间选择。url: 网址输入。range: 滑动条风格的输入选择一定范围内的数值。number: 数字输入。
<form>
<input type="email" name="email">
<input type="date" name="date">
<input type="range" name="range" min="1" max="10">
</form>
图形和媒体
HTML5增强了对图形和多媒体内容的支持。
<canvas>: 用于通过JavaScript绘制图形的容器。<audio>和<video>: 便于在网页中嵌入音频和视频。<figure>和<figcaption>: 用于标记文档中的图表和它们的标题。
<figure>
<img src="image.jpg" alt="描述">
<figcaption>图像说明</figcaption>
</figure>
<video controls>
<source src="movie.mp4" type="video/mp4">
浏览器不支持video标签.
</video>
响应式图片
<picture>元素允许开发者为不同的显示/设备条件指定多个源图片。内部使用 <source>元素指定多个图片源和相应的媒体条件。
<picture>
<source media="(min-width: 800px)" srcset="large.jpg">
<source media="(min-width: 450px)" srcset="medium.jpg">
<img src="small.jpg" alt="描述">
</picture>
全局属性
HTML5为多个HTML元素提供了一组全局属性，这些属性可以应用到几乎所有元素上，而不考虑它们是什么类型。常见的全局属性有：
class: 用于指定一个或多个类名。id: 元素的唯一标识符。style: 内联CSS样式。data-*: 用于存储自定义数据。title: 提供有关元素的附加信息，鼠标悬停时通常会显示为工具提示。
头部链接和脚本
最后，HTML5中将JavaScript和样式表(比如CSS)连结到文档中的方法基本保持不变，但有了更多灵活性，例如可以现在可以异步加载脚本。
<head>
<link rel="stylesheet" href="styles.css">
<script src="script.js" async></script>
</head>
这只是HTML5标准的一个简要概述。它涵盖了基本的元素和属性，还有很多其他细节和特性可以探索，例如Web存储、Web工作线程、离线Web应用等，这些都大大扩展了在网页中可能实现的功能。随着Web技术的不断发展，掌握HTML5是每个前端开发者的必修课，并且也是创建现代化、响应式和互动网页的基础。
