关于HTML5你需要了解的基础知识

关于HTML5你须要懂得的基本常识

HTML5 是第五个且是当前的 HTML 版本，它是用于在万维网上构建和出现内容的标记说话。本文将赞助读者懂得它。

HTML5 经由过程 W3C 和Web 超文本应用技巧工作组Web Hypertext Application Technology Working Group之间的合作成长起来。它是一个更高版本的 HTML，它典范多新元素可以使你的页面加倍语义化和动态。它是为所有人供给更好的 Web 体验而开辟的。HTML5 供给了很多的功能，使 Web 加倍动态和交互。

HTML5 的新功能是：

新标签，如 <header> 和 <section>
用于 2D 画图的 <canvas> 元素
本地存储
新的表单控件，如日历、日期和时光
新媒体功能
地舆地位

HTML5 还不是正式标准(LCTT 译注：HTML5 已于 2014 年成为“推荐标准”)，是以，并不是所有的浏览器都支撑它或个一一些功能。开辟 HTML5 背后最重要的原因之一是防止用户下载并安装像 Silverlight 和 Flash 如许的多个插件。

新标签和元素

语义化元素：图 1 展示了一些有效的语义化元素。
表单位素： HTML5 中的表单位素如图 2 所示。
图形元素： HTML5 中的图形元素如图 3 所示。
媒体元素： HTML5 中的新媒体元素如图 4 所示。

图 1：语义化元素

图 3：图形元素

图 4：媒体元素

HTML5 的高等功能

今朝，video 元素支撑三种视频格局，如表 2 所示。

这是一个 HTML5 API，用于获取网站用户的地舆地位，用户必鼓起首许可网站获取他或她的地位。这平日经由过程按钮和/或浏览器弹出窗口来实现。所有最新版本的 Chrome、Firefox、IE、Safari 和 Opera 都可以应用 HTML5 的地舆地位功能。

地舆地位的一些用处是：

公共交通网站
出租车及其他运输网站
电子商务网站计算运费
观光社网站
房地产网站
在邻近播放的片子的片子院网站
在线游戏
网站首页供给本地标题和气象
工作职位可以主动计算通勤时光

工作道理：地舆地位经由过程扫描地位信息的常见源进行工作，个中包含以下：

全球定位体系(GPS)是最精确的
收集旌旗灯号 - IP地址、RFID、Wi-Fi 和蓝牙 MAC地址
GSM/CDMA 蜂窝 ID
用户输入

该 API 供给了异常便利的函数来检测浏览器中的地舆地位支撑：

if (navigator.geolocation) { 
// do stuff 
}

getCurrentPosition API 是应用地舆地位的重要办法。它检索用户设备的当前地舆地位。该地位被描述为一组地舆坐标以及航向和速度。地位信息作为地位对象返回。

语法是：

getCurrentPosition(showLocation, ErrorHandler, options);

showLocation：定义了检索地位信息的回调办法。
ErrorHandler(可选)：定义了在处理异步调用时产生缺点时调用的回调办法。
options (可选)：定义了一组用于检索地位信息的选项。

我们可以经由过程两种方法向用户供给地位信息：测地和平易近用。

描述地位的测处所式直接指向纬度和经度。
地位信息的平易近用表示法是仁攀类可读的且轻易懂得。

如下表 1 所示，每个属性/参数都具有测地和平易近用表示。

图 5 包含了一个地位对象返回的属性集。

图 2：表单位素

图5：地位对象属性

收集存储

在 HTML 中，为了在本机存储用户数据，我们须要应用 JavaScript cookie。为了避免这种情况，HTML5 已经惹人了 Web 存储，网站应用它在本机上存储用户数据。

与 Cookie 比拟，Web 存储的长处是：

更安然
更快
存储更多的数据
存储的数据不会随每个办事器请求一路发送。只有在被请求时才包含在内。这是 HTML5 Web 存储跨越 Cookie 的一大年夜优势。

若何工作： localStorage 和 sessionStorage 对象创建一个 key=value 对。比如： key="Name"， value=http://developer.51cto.com/art/201710/"Palak"。

1/4 1 2 3 4 下一页尾页

　　推荐阅读

　　开发一个Linux调试器（十）：高级主题

我们终于来到这个系列的最后一篇文┞仿!这一次，我将对调试中的一些更高等的概念进行高层的概述：长途调试、共享库支撑、表达式计算和多线程支撑。这些设法主意实现起来比较复杂，所以我不会具体解释若>>>详细阅读

本文标题：关于HTML5你需要了解的基础知识

地址：http://www.17bianji.com/lsqh/37872.html

1/2 1