html5
大约 2 分钟
HTML5 之前的特性有哪些
- 基本标签:HTML早期版本提供了一些基本的标签,如
<html>
、<head>
、<title>
、<body>
等,用于定义文档结构和内容。 - 文本标签:HTML支持一系列文本标签,如
<p>
(段落)、<h1>
~<h6>
标题、<ul>
(无序列表)、<ol>
(有序列表)、<li>
(列表项)、<blockquote>
(引用块)。 - 链接和图像:HTML提供了
<a>
标签用于创建超链接,以及<img>
标签用于在页面中插入图像。 - 表格:HTML支持
<table>
、<tr>
、<td>
等标签,用于创建表格结构,并展示表格数据。 - 表单:HTML提供了一系列表单元素,如
<form>
、<input>
、<select>
、<textarea>
、<button>
等,用于收集用户输入的数据。 - 嵌入式内容:HTML 支持嵌入式内容,如
<iframe>
标签可以用来嵌入其它网页或多媒体内容。 - 元数据:HTML 通过
<meta>
标签用于设置文档的元数据信息,如编码格式、关键词、描述等。 - 样式和脚本:HTML 可以通过
<style>
和<script>
标签引入样式和脚本文件,实现页面样式和行为的定制。 - 注释:HTML支持注释标签
<!-- -->
,用于在代码中添加注释说明。
什么是 HTML5
HTML5 是 HTML 的第五个主要版本,是由 World Wide Web Consortium(W3C)和 Web Hypertext Application Technology Working Group(WHATWG)共同开发的一项 Web 技术标准。HTML5 旨在为 Web 提供更强大、更丰富的功能,以满足不断增长的互联网需求,并促进跨平台和跨设备的 Web 应用程序开发。
HTML5 新增特性
- 语义化标签:引入了一些语义化标签,如
<header>
、<footer>
、<nav>
、<article>
、<section>
等,使网页的结构更加清晰,更易于理解和维护 - 多媒体支持:通过新的
<audio>
和<video>
标签,HTML5提供了原生支持音频和视频播放的能力,不再需要依赖第三方插件。如Flash。 - Canvas绘图:引入了
<canvas>
元素,可以通过 JavaScript 在网页上绘制图形、动画和游戏等。 - 本地存储:引入了 Web Storage 和 IndexedDB 等 API,使得网页可以在客户端存储数据,提高了 Web 应用程序的性能和用户体验。
- 地理定位:引入了 Geolocation API,使得网页可以获取用户的地理位置信息,为位置服务和导航应用提供了支持。
- Web workders:引入了Web Workers API,允许在后台线程中执行 JavaScript 代码,提供了 Web 应用程序的并发性能。
- 跨文档消息传递:引入了postMessageAPI,允许不同域之间的窗口进行安全的消息传递,实现了跨文档通信。