HTML常识总结

对于前端HTML的操作，其知识点主要如下。

1.对于中文网页需要使用 <meta charset="utf-8"> 声明编码，否则会出现乱码。有些浏览器会设置 GBK 为默认编码，则你需要设置为<meta charset="gbk">。

2.<sub> 标签定义下标文本。下标文本将会显示在当前文本流中字符高度的一半为基准线的下方，但是与当前文本流中文字的字体和字号都是一样的。下标文本能用来表示化学公式，比如 H₂O。

3.<sup> 标签定义上标文本。上标文本将会显示在当前文本流中字符高度的一半为基准线的上方，但是与当前文本流中文字的字体和字号都是一样的。上标文本能用来添加脚注，比如 WWW^[1]。

4.d属性可用于创建在一个HTML文档书签标记。<a id="tips">有用的提示部分</a>   <a href="#tips">访问有用的提示部分</a>

5.<base> 标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接:

6.meta标签描述了一些基本的元数据。每30秒钟刷新当前页面:<metahttp-equiv="refresh"content="30">

7.<map> 标签用于客户端图像映射。图像映射指带有可点击区域的一幅图像。<img>中的 usemap 属性可引用 <map> 中的 id 或 name 属性（取决于浏览器），所以我们应同时向 <map> 添加 id 和 name 属性。area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。

8.大多数 HTML 元素被定义为块级元素或内联元素。

块级元素在浏览器显示时，通常会以新行来开始（和结束）。

实例: <h1>, <p>, <ul>, <table>

内联元素在显示时通常不会以新行开始。

实例: <b>, <td>, <a>, <img>

9.HTML 表单用于收集不同类型的用户输入。表单是一个包含表单元素的区域。

表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。

表单使用表单标签 <form> 来设置:

10.通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。iframe语法:<iframe src="URL"></iframe>该URL指向不同的网页。

11.<canvas> 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成.<canvas> 标签只是图形容器，您必须使用脚本来绘制图形。你可以通过多种方法使用 canvas 绘制路径,盒、圆、字符以及添加图像。

12.SVG 指可伸缩矢量图形 (Scalable Vector Graphics),SVG 用于定义用于网络的基于矢量的图形,SVG 使用 XML 格式定义图形,SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失,SVG 是万维网联盟的标准.

12.MathML 元素，对应的标签是 <math>...</math> 。

MathML 是数学标记语言，是一种基于XML（标准通用标记语言的子集）的标准，用来在互联网上书写数学符号和公式的置标语言。

13.拖放（Drag 和 drop）是 HTML5 标准的组成部分。首先，为了使元素可拖动，把 draggable 属性设置为 true .

在上面的例子中，ondragstart 属性调用了一个函数，drag(event)，它规定了被拖动的数据。dataTransfer.setData() 方法设置被拖数据的数据类型和值.

ndragover 事件规定在何处放置被拖动的数据。默认地，无法将数据/元素放置到其他元素中。如果需要设置允许放置，我们必须阻止对元素的默认处理方式。

这要通过调用 ondragover 事件的 event.preventDefault() 方法.

当放置被拖数据时，会发生 drop 事件。在上面的例子中，ondrop 属性调用了一个函数，drop(event).

14 Geolocation（地理定位）用于定位用户的位置。

15.客户端存储数据的两个对象为：localStorage - 没有时间限制的数据存储,sessionStorage - 针对一个 session 的数据存储.在使用 web 存储前,应检查浏览器是否支持 localStorage 和sessionStorage.

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

17.使用 HTML5，通过创建 cache manifest 文件，可以轻松地创建 web 应用的离线版本。

18.web worker 是运行在后台的 JavaScript，不会影响页面的性能。

19.HTML5 服务器发送事件（server-sent event）允许网页获得来自服务器的更新。

20.WebSocket是HTML5开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。