随笔录--HTML\HTML5

官方解析

HTML5 是 HTML 的第五个版本，是用于创建网页和其他 web 应用程序的标记语言。与之前的 HTML 版本相比，HTML5 引入了许多新特性和改进，包括以下几个方面：

• 语义化标签：HTML5引入了很多新的标签，如<header>、<footer>、<nav>、<article>、<section>等，这些标签都是为了更好地表达文档内容的语义而设计的。

• 多媒体支持：HTML5 支持多媒体内容，包括音频、视频、SVG 和 Canvas 等图形元素，这些都可以直接在网页中嵌入，无需使用第三方插件。

• 新的表单控件：HTML5 引入了一些新的表单控件，如日期选择器、搜索框、滑块等，这些控件都能够提高用户体验。

• Web 存储：HTML5 提供了两种新的客户端存储机制：localStorage 和 sessionStorage，它们可以让 Web 应用程序在客户端上存储数据，从而提高性能和用户体验。

• Web Workers：HTML5 提供了一种新的机制，即 Web Workers，它们可以让 Web 应用程序在后台运行，从而提高性能和响应速度。

• 地理位置支持：HTML5 提供了一种新的 API，即 Geolocation API，它可以让 Web应用程序获取用户的地理位置信息。

HTML5的新特性为 Web 开发提供了更多的功能和工具，让开发者能够更加方便地开发 Web 应用程序，并提高用户体验。

 

HTML5 是 HTML 最新的标准，它比 HTML 更加规范，并添加了许多新的特性：

• 语义化元素：即语义程度更强的 HTML 元素，能增强代码的可读性，使代码结构更加清晰，比如：

• <header>：定义整个文档或文档某一部分的头部区域。

• <nav>：定义文档的导航链接部分，仅对文档中关键的链接使用。

• <article>：定义文档中的内容区域，且内容必须是独立于文档的其它部分。

• <section>：定义文档的节，可对文档的某一部分进行分块或分段。

• <aside>：定义与某个

  内容相关的额外内容区域。

• <footer>：定义整个文档或文档某一部分的底部区域。

• 表单元素：<datalist>、<keygen>、<output>

• <input>的类型，如：

  • color：定义拾色器。

  • date：定义日期控件，包含年、月、日。

  • datetime：定义日期时间控件，包含年、月、日、时、分，基于 UTC 时区。

  • datetime-local：定义日期时间控件，包含年、月、日、时、分，无时区。

  • month：定义月份控件，包含月和年。

  • week：定义周控件，包含周和年。

• <input>的属性，如：

  • required：规定当前输入域为必填项，当提交表单时会自动验证，若输入域为空则给出提示。

  • placeholder：用于设置当输入域为空时给出的提示信息。

  • autofocus：规定页面加载后，自动获取输入域的焦点。

  • autocomplete：是一个布尔值，若设置为true，则用户在输入时，浏览器会基于之前提交的值，显示出在字段中填写的选项。

  • form：指定输入域所属的表单。

• 媒体元素：<video>（视频）和<audio>（音频）

• 拖放：用于将某个对象拖放到另一个位置。

• 地理定位：用于获取当前的位置。

• Canvas：画布，通过 JavaScript 可以在画布中绘制各种图形。

• SVG：可缩放矢量图形。

• Web 存储：一种在浏览器本地存储数据的方法，通过两个全局对象实现：

  • sessionStorage（会话存储）：当关闭浏览器窗口后，数据会被删除。

  • localStorage（本地存储）：除非手动清除，否则数据将一直存在。

• Web Socket：一种新的通信协议，允许服务端主动向客户端推送数据。