HTML5最新標(biāo)簽
瀏覽量:2514
<!DOCTYPE>
HTML 4.01 中有3 個不同的文檔類型,在HTML 5 中只有一個:<!DOCTYPE HTML>。
<a>標(biāo)簽 在html5中新屬性
media |
規(guī)定目標(biāo)URL 的媒介類型。默認(rèn)值:all。僅在href 屬性存在時使用。 |
ping |
由空格分隔的URL 列表,當(dāng)用戶點擊該鏈接時,這些URL 會獲得通知。 僅在href 屬性存在時使用。 |
<abbr> 標(biāo)簽 縮寫長字符
<abbr title="etcetera">etc.</abbr> 輸出etc.
<acronym> 縮寫首字母
<acronym title="World Wide Web">WWW</acronym>
輸出www
<button> 標(biāo)簽
autofocus |
true | false |
在頁面加載 時,是否讓按鈕獲得焦點。 |
<datalist>標(biāo)簽
與input 元素配合使用,就可以制作出輸入值的下拉列表。
例子:
<input id="myCar" list="cars" />
<datalist id="cars">
<option value="BMW">
<option value="Ford">
<option value="Volvo">
</datalist>
屬性data value 供自動插入數(shù)據(jù)
<datatemplate> 標(biāo)簽
元素必須有定義模板的子元素:<rule> 元素。
<details> 標(biāo)簽
<details> 標(biāo)簽定義元素的細(xì)節(jié),用戶可進(jìn)行查看,或通過點擊進(jìn)行隱藏。和<legend> 一起使用,來制作detail 的標(biāo)題
<dialog>標(biāo)簽 必須有包含有<dt>
例子<dialog>
<dt>老師</dt>
<dd>2+2 等于?</dd>
<dt>學(xué)生</dt>
<dd>4</dd>
<dt>老師</dt>
<dd>答對了!</dd>
</dialog>
<div>標(biāo)簽中 不支持 align
<dt>標(biāo)簽
在html5的對話< dialog >中 <dt> 標(biāo)簽定義句子所屬的角色
gc=canvas.getContext("2d");//定義
gc.clearRect(x,y,w,h); //清空
gc.drawImage(img,dx,dy) //畫圖按照坐標(biāo)把圖片畫到畫布上
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) //畫圖按照坐標(biāo)把圖片畫到畫布上
}