对于前端HTML的操作,其知识点主要如下。
1.对于中文网页需要使用 <meta charset="utf-8"> 声明编码,否则会出现乱码。有些浏览器会设置 GBK 为默认编码,则你需要设置为<meta charset="gbk">。
2.<sub> 标签定义下标文本。下标文本将会显示在当前文本流中字符高度的一半为基准线的下方,但是与当前文本流中文字的字体和字号都是一样的。下标文本能用来表示化学公式,比如 H2O。
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">
块级元素在浏览器显示时,通常会以新行来开始(和结束)。
实例: <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 连接上进行全双工通讯的协议。