HTML Web Cache 应用程序缓存

使用 HTML5,通过创建 cache manifest 文件,可以轻松地创建 web 应用的离线版本。HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。应用程序缓存为应用带来三个优势,离线浏览 - 用户可在应用离线时使用它们。速度 - 已缓存资源加载得更快。减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。

HTML Web SQL 数据库

Web SQL 数据库 API 并不是 HTML5 规范的一部分,但是它是一个独立的规范,引入了一组使用 SQL 操作客户端数据库的 APIs。以下是规范中定义的三个核心方法,openDatabase 这个方法使用现有的数据库或者新建的数据库创建一个数据库对象。transaction 这个方法让我们能够控制一个事务,以及基于这种情况执行提交或者回滚。executeSql 这个方法用于执行实际的 SQL 查询。

HTML Web Storage 存储

使用 HTML5 可以在本地存储用户的浏览数据,HTML5 Web 存储,一个比 Cookie 更好的本地存储方式。早些时候,本地存储使用的是 Cookie。但是 Web 存储需要更加的安全与快速。这些数据不会被保存在服务器上,但是这些数据只用于用户请求网站数据上。它也可以存储大量的数据,而不影响网站的性能。数据以 键/值 对存在, Web 网页的数据只允许该网页访问使用。

HTML Geolocation 地理定位

HTML5 Geolocation 地理定位 API 用于获得用户的地理位置。鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。检测是否支持地理定位。如果支持,则运行 getCurrentPosition() 方法。如果不支持,则向用户显示一段消息。如果 getCurrentPosition() 运行成功,则向参数 showPosition 中规定的函数返回一个 coordinates 对象。showPosition() 函数获得并显示经度和纬度。

HTML Drag 和 Drop 拖放

拖放(Drag 和 drop)是 HTML5 标准的组成部分,任何元素都能够拖放。拖放是一种常见的特性,即抓取对象以后拖到另一个位置。调用 preventDefault() 来避免浏览器对数据的默认处理(drop 事件的默认行为是以链接形式打开)。通过 dataTransfer.getData("Text") 方法获得被拖的数据。该方法将返回在 setData() 方法中设置为相同类型的任何数据。

HTML MathML 数学标记

HTML5 可以在文档中使用 MathML 元素。MathML 是数学标记语言,是一种基于 XML(标准通用标记语言的子集)的标准,用来在互联网上书写数学符号和公式的置标语言。大部分浏览器都支持 MathML 标签,如果你的浏览器不支持该标签,可以使用最新版的 Firefox 或 Safari 浏览器查看。

HTML 视频

在 HTML 中播放视频的方法有很多种。当视频被包含在网页中时,它被称为内联视频。如果您打算在 web 应用程序中使用内联视频,您需要意识到很多人都觉得内联视频令人恼火。同时请注意,用户可能已经关闭了浏览器中的内联视频选项。我们最好的建议是只在用户希望看到内联视频的地方包含它们。一个正面的例子是,在用户需要看到视频并点击某个链接时,会打开页面然后播放视频。

HTML 音频

声音在 HTML 中可以以不同的方式播放。当您在网页中包含声音,或者作为网页的组成部分时,它被称为内联声音。如果您打算在 web 应用程序中使用内联声音,您需要意识到很多人都觉得内联声音令人恼火。同时请注意,用户可能已经关闭了浏览器中的内联声音选项。我们最好的建议是只在用户希望听到内联声音的地方包含它们。一个正面的例子是,在用户需要听到录音并点击某个链接时,会打开页面然后播放录音。

HTML 多媒体

Web 上的多媒体指的是音效、音乐、视频和动画。多媒体来自多种不同的格式。它可以是您听到或看到的任何内容,文字、图片、音乐、音效、录音、电影、动画等等。在因特网上,您会经常发现嵌入网页中的多媒体元素,现代浏览器已支持多种多媒体格式。

HTML 表单

表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框、复选框(checkboxes)等等。多数情况下被用到的表单标签是输入标签。注意:表单本身是不可见的,并且一个文本字段的默认宽度是 20 个字符。

HTML 列表

无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。有序列表也是一列项目,列表项目使用数字进行标记。自定义列表不仅仅是一列项目,而是项目及其注释的组合。列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

HTML 表格

表格的数据单元格中可以包含文本、图片、列表、段落、表单、水平线、表格等等。表格的表头使用 th 标签进行定义。每个表格均有若干行,由 tr 标签定义。每行被分割为若干单元格,由 td 标签定义,字母 td 指表格数据,即数据单元格的内容。大多数浏览器会把表头显示为粗体居中的文本。

HTML 图像

在 HTML 中,图像由 img 标签定义。img 是空标签,意思是说,它只包含属性,并且没有闭合标签。要在页面上显示图像,你需要使用源属性(src)。src 指 source。源属性的值是图像的 URL 地址。

HTML 链接

HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。