前端经典面试题合集, 什么是 HTML5,HTML5 有哪些新特性?
前端经典面试题合集, 什么是 HTML5,HTML5 有哪些新特性?
QA
Step 1
Q:: 什么是HTML5？
A:: HTML5是HTML（超文本标记语言）的最新版本，是用于创建和展示万维网内容的标准标记语言。HTML5引入了一些新的元素和属性，以增强多媒体支持、改善语义结构、提供更强大的API和更好的移动设备支持。
Step 2
Q:: HTML5有哪些新特性？
A:: HTML5引入了许多新特性，包括：
1. 新的语义元素（如<header>、<footer>、<article>、<section>等），增强了页面的结构化和可读性。
2. 更强大的多媒体支持，通过<video>和<audio>标签可以直接嵌入视频和音频。
3. 新的表单控件（如日期选择器、颜色选择器等），简化了表单的创建和验证。
4. 增强的图形和动画支持，通过<canvas>标签和SVG绘图。
5. 新的API，如地理定位API、Web存储API、Web Workers和WebSocket，增强了客户端脚本的能力。
Step 3
Q:: 如何在HTML5中嵌入视频？
A:: 在HTML5中，可以使用<video>标签嵌入视频。示例如下：
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
您的浏览器不支持HTML5视频。
</video>
Step 4
Q:: HTML5中的<canvas>标签有什么用？
A:: <canvas>标签用于在网页上绘制图形，通过JavaScript脚本来实现2D图形绘制。它非常适合用来制作游戏、图表和其他动态视觉内容。
Step 5
Q:: 什么是HTML5的地理定位API？
A:: 地理定位API允许网页获取用户的地理位置。这可以通过navigator.geolocation对象来实现，常用方法包括getCurrentPosition()和watchPosition()。