HTML5最新標簽
瀏覽量:2516
<!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) //畫圖按照坐標把圖片畫到畫布上
}