HTML5 测验学习笔记

1. HTML5 基础知识

1.1 HTML5 的文档类型声明是什么？

HTML5 的文档类型声明为：

htmlCopy Code
<!DOCTYPE html>

1.2 HTML5 中引入外部样式表的方法是什么？

HTML5 中引入外部样式表的方法是使用 link 标签，示例如下：

htmlCopy Code
<link rel="stylesheet" href="style.css">

2. HTML5 标签

2.1 HTML5 中常用的标签有哪些？

HTML5 中常用的标签包括：

<!DOCTYPE html>：文档类型声明；
<html>：定义 HTML 文档；
<head>：定义文档头部信息；
<title>：定义文档标题；
<body>：定义文档主体；
<h1>、<h2>、<h3> 等：定义标题；
<p>：定义段落；
<a>：定义超链接；
<img>：定义图像；
<ul>、<ol> 和 <li>：定义无序列表、有序列表和列表项等。

2.2 HTML5 中如何插入视频？

HTML5 中可以使用 <video> 标签来插入视频，示例如下：

htmlCopy Code
<video src="example.mp4" controls></video>

其中，src 属性指定视频文件的 URL，controls 属性可以在视频上添加播放控制按钮。

3. HTML5 API

3.1 HTML5 中常用的 API 有哪些？

HTML5 中常用的 API 包括：

localStorage：用于在客户端存储数据；
Canvas：用于绘制图形、动画等；
Geolocation：用于获取用户位置信息；
Web Workers：用于在后台执行 JavaScript 代码；
Web Sockets：用于实现浏览器与服务器之间的全双工通信。

实例

以下是一个简单的 HTML5 页面示例：

htmlCopy Code
<!DOCTYPE html>
<html>
<head>
	<title>HTML5 示例</title>
	<link rel="stylesheet" href="style.css">
</head>
<body>
	<header>
		<h1>HTML5 示例网页</h1>
		<nav>
			<ul>
				<li><a href="#">首页</a></li>
				<li><a href="#">新闻资讯</a></li>
				<li><a href="#">产品展示</a></li>
				<li><a href="#">联系我们</a></li>
			</ul>
		</nav>
	</header>
	<main>
		<section>
			<h2>欢迎光临</h2>
			<p>这是一个使用 HTML5 技术开发的示例网站，希望对学习 HTML5 的同学有所帮助。</p>
			<video src="example.mp4" controls></video>
		</section>
	</main>
</body>
</html>

在该示例中，我们可以看到文档类型声明、外部样式表、标题、导航栏、视频等 HTML5 元素和 API 的应用。