HTML5最新标签
浏览量:2413
<!DOCTYPE>
HTML 4.01 中有3 个不同的文档类型,在HTML 5 中只有一个:<!DOCTYPE HTML>。
<a>标签 在html5中新属性
media |
规定目标URL 的媒介类型。默认值:all。仅在href 属性存在时使用。 |
ping |
由空格分隔的URL 列表,当用户点击该链接时,这些URL 会获得通知。 仅在href 属性存在时使用。 |
<abbr> 标签 缩写长字符
<abbr title="etcetera">etc.</abbr> 输出etc.
<acronym> 缩写首字母
<acronym title="World Wide Web">WWW</acronym>
输出www
<button> 标签
autofocus |
true | false |
在页面加载 时,是否让按钮获得焦点。 |
<datalist>标签
与input 元素配合使用,就可以制作出输入值的下拉列表。
例子:
<input id="myCar" list="cars" />
<datalist id="cars">
<option value="BMW">
<option value="Ford">
<option value="Volvo">
</datalist>
属性data value 供自动插入数据
<datatemplate> 标签
元素必须有定义模板的子元素:<rule> 元素。
<details> 标签
<details> 标签定义元素的细节,用户可进行查看,或通过点击进行隐藏。和<legend> 一起使用,来制作detail 的标题
<dialog>标签 必须有包含有<dt>
例子<dialog>
<dt>老师</dt>
<dd>2+2 等于?</dd>
<dt>学生</dt>
<dd>4</dd>
<dt>老师</dt>
<dd>答对了!</dd>
</dialog>
<div>标签中 不支持 align
<dt>标签
在html5的对话< dialog >中 <dt> 标签定义句子所属的角色
gc=canvas.getContext("2d");//定义
gc.clearRect(x,y,w,h); //清空
gc.drawImage(img,dx,dy) //画图按照坐标把图片画到画布上
gc.drawImage(img,sx,sy,w ,h,dx,dy,w,h) //截取图片一部分画到画布上 前后w,h 要相等
加载图片
Var image=new Image();
Image.src=”tupian.jpg”;
Image.onload=function(event){
Var loadImg=event.target;
Var dx=0;var dy=0;
gc.drawImage(loadImg,dx,dy) //画图按照坐标把图片画到画布上
}