html 20170211

1、src   href区别。

src用于替换当前元素。<img src="tfs.jpg">

href用于当前元素和被引元素之间确立联系。<link  href="tfs.css">

2、canvas   svg   vml区别

canvas具有一个基于js的api

svg使用xml文档绘图

vml使用xml文档绘图

注：用canvas绘制一个矩形

<canvas  id = "myCanvas"></canvas>

<script type = "text/javascript">

var canvas = document.getElementById("myCanvas");

var ctx = canvas.getContext('2d');

ctx.fillStyle = "red";

ctx.fillRect(0,0,50,80);

</script>

3、消息推送     点击打开链接

1、轮询

客户端发送请求，不管有没有数据，服务器马上返回响应信息并断开连接，周而复始

需要服务器速度快
2、长轮询

客户端发送请求，没有数据服务器就hold连接，等有数据了进行响应，然后断开连接

hold连接耗费资源

3、长连接

连接，传输数据，保持连接，传输数据，，，，，，，关闭连接

需要很高的并发

4、flash  socket

通过flash里的socket接口和服务器的socket接口进行通信

实现即时通信

但必须安装flash

5、web  socket

客户端和服务器实现全双工通信（全双工：a-b同时b-a；半双工：一次a-b或b-a；单工：单向的只能a-b或者只能b-a）客户端只需进行一次http请求，服务器端即可源源不断的向客户端进行推送消息。

事件驱动，异步，消息推送，使用 ws 或者 wss 协议的客户端 socket

部分浏览器不支持

4、img的alt  tltle的区别。

alt当图片无法显示时出现

title说明图片的属性，一般在鼠标滑动到图片上时显示

5、什么是表单。h5新增的表单元素。

<form action="tfs.html">   表单标签：申明表单，表单里包含的内容将被提交到服务器或电子邮件

你的名字<br>

<input  type="text"  name="name"  value = "tfs" >   表单域：包含了文本框，密码框，等

<br>你的密码<br>

<input  type = "password"  name= "password" >

<br>

<input  type="submit"  value="submit">  表单按钮：包含提交按钮，复位按钮，一般按钮。用于将数据传送到服务器或取消输入。

</form>

组成：表单标签，表单域，表单按钮

功能：负责页面的数据采集，并向服务器传送数据。

新增的表单元素：output, keygen, time, month , week , date,  datalist , datetime, color,  number ,  range,  email ,  url

6、post   get区别。

post是向浏览器提交数据的请求。form表单的method方法默认为post。

get是向浏览器获取数据。请求的数据会附在url后，故用户名，密码会出现在url上，不安全。

二者都是发送机制，不知一个取一个发。

7、h5有哪些新的APi。

fullScreen  api

getUserMedia   api

battery  api

page visibility  api

history api