HTML5 是什么

Posted 2020-06-23 H°pursuit

1. 简单的看看 html 是什么

HTML 英文全称为 Hyper Text Markup Language，即超文本标记语言。HTML5 是 HTML 的一个新版本。HTML 不是一种编程语言，而是一种标记语言（markup language）。

HTML 是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。

HTML 之所以称为超文本标记语言，是因为文本中包含了所谓的“超级链接”点。所谓超级链接，就是一种 URL 指针，通过点击它可使浏览器方便地获取新的网页。

网页的本质就是 HTML，HTML 是 Web 编程的基础。

2. 为什么 HTML5 最近广受关注呢

HTML5 提供了一些新的元素和属性，如：<nav>（网站导航块）、<footer>。这种标签将有利于搜索引擎的索引整理，同时更好地帮助小屏幕装置和视障人士使用。除此之外，还为其他浏览要素提供了新的功能，如：<audio>、<video>标记。一些过时的 HTML4 标记将被取消，其中包括纯粹显示效果的标记，如：<font>、<center>，它们已经被 CSS 取代。

3. 标准改进

3.1 改善文档结构。

新的 HTML 标签 header、footer、dialog、aside、figure 等的使用，将使文档更加语义化。 

3.2 内容和展示分离。

b 和 i 标签依然存在，但只是为了将一段文字标识出来，而不是为了为它们设置粗体或斜体样式。u、font、center、strike 这些标签则被完全去掉了。

3.3 全新的表单输入对象，包括日期、URL、Email地址，其它的对象则增加了对非拉丁字符的支持。

3.4 全新的、合理的标签。

多媒体对象将不再全部绑定在 object 或 embed 标签中，而是视频有视频的标签 —— <video>，音频有音频的标签 —— <audio>。

3.5 本地数据库。

这个功能将内嵌一个本地的 SQL 数据库，以加速交互式搜索，缓存以及索引功能。同时，那些离线 Web 程序也将因此获益匪浅，不需要插件的富动画。

3.6 Canvas 对象将给浏览器带来直接在上面绘制矢量图的能力。

这意味着可以脱离 Flash、Silverlight，直接在浏览器中显示图形或动画。一些最新的浏览器，除了 IE，已经开始支持 Canvas。

3.7 浏览器中的真正程序，将提供 API 实现浏览器内的编辑，拖放，以及各种图形用户界面的能力。

4. 与 HTML4 的不同之处

4.1 新的解析顺序新的元素

section、video、progress、nav、meter、time、aside、canvas

4.2 input 元素的新属性

日期和时间、email、URL

4.3 新的通用属性

ping、charset、async

4.4 全域属性

id、tabindex、repeat

4.5 移除元素

center、font、strike

5. HTML5 的部分标记异常处理

HTML5 在设计时保证旧的浏览器能够安全的忽略掉新的 HTML5 代码。与 HTML4.01相比，HTML5 给出了解析的详细规则，力图让不同的浏览器即使在发生语法错误时也能返回相同的结果。

6. HTML5 正在改变 Web

HTML5 并非仅仅用来表示 Web 内容，它的使命是将 Web 带入一个成熟的应用平台，在这个平台上，视频、音频、图像、动画，以及同电脑的交互都被标准化。

7. 程序接口

除了原先的 DOM 接口，HTML5 增加了更多 API，如：

7.1 用于即时 2D 绘图的 Canvas 标签

7.2 定时媒体回放

7.3 离线数据库存储

7.4 文档编辑

7.5 拖拽控制

7.6 浏览历史管理

8. 事件属性

HTML5 元素可拥有事件属性，这些属性在浏览器中触发行为。

HTML5 中的新事件属性：onabort，onbeforeunload，oncontextmenu，ondrag，ondragend，ondragenter，ondragleave，ondragover，ondragstart，ondrop，onerror，onmessage，onmousewheel，onresize，onscroll，onunload。

9. 标签列表

内容太多，独立成文。

10. 用 HTML5 开发移动应用需要知道的一些东西

HTML5 很像 HTML，只是更高级一些。如果没有 JavaScript 和 CSS，HTML5 就什么也不是了。设备检测、脱机数据、javascript 工具、测试、调试和主题这些问题都需要方便的手头工具来解决。