background image

Web 3.0 将带给使用者一个全新的用户体验。

3. 新一代 Web 技术优势分析

3.1 增强的标记能力

HTML5 继承和新增了许多带有语义性的标记,来加速浏览器解释页面中元

素的速度。例如新增元素

<header>明确告诉浏览器此处是页头,<nav>标记

用于构建页面的导航,

<article>标记用于构建页面内容的一部分,<footer>

表明页面已到页脚或根元素部分。同时能够提高搜索引擎的效率,比如搜索引擎

可以忽略掉通常不包含页面重要内容的

<nav>元素和<footer>元素里的内容。

3.2 全新的交互体验

Web 页面中的交互操作是 HTML5 新增的一项重要功能,HTML5 为此新增

了许多对应的交互体验元素。如用于文档的标题、细节、内容的交互显示的内容交

换元素

<details>与<summary>,用于菜单交互的菜单元素<menu >与

<command>, 用 于 显 示 页 面 中 各 种 进 度 状 态 的 状 态 元 素 <progress> 与

<meter>,这些元素可以在不请求服务器任何资源的情况下,改变用户选择

的内容与展现状态。

3.3 完善的表单功能

在 兼 容 原 有 表 单 功 能 的 基 础 上 , 又 增 加 了 许 多 新 的 元 素 类 型 , 如

email 、 url 、 range 等 。 其 次 , 还 新 增 许 多 新 的 方 法 与 属 性 , 如

autofocus、placeholder 等。另外,数据的有效性验证不再依赖脚本语言,完

全可以通过

HTML5 自身内建机制实现。