跳至主要內容

html5

XinYang's Blog大约 2 分钟HTMLHTML5

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,允许不同域之间的窗口进行安全的消息传递,实现了跨文档通信。