不允許寫結(jié)束標(biāo)記的元素

area、base、br、col、commond、embed、hr、img、input、keygen、link、meta、param、source、track、wbr。

可以省略結(jié)束標(biāo)記的元素

li、dt、dd、p、rt、rp、optgroup、option、 colgroup、thead、tbody、tfoot、tr、td、th

可以省略全部標(biāo)記的元素

html、head、body、colgroup、tbody

具有BOOL值屬性

disabled、readonly、checked、autofocus

新增的結(jié)構(gòu)元素

section、article、aside、header、hgroup、footer、nav、figure

新增的其他元素

video、audio、embed、mark、progress、time、ruby、rt、rp、wbr、canvas、command、details、datalist、datagrid、keygen、output、source、menu、

新增的input元素的類型

emial、url、number、range、data pickers

新增的表單相關(guān)的屬性

autofocus、placeholder、form、required、autocomplete、min、max、multiple、pattern、step、formaction、formenctype、formmethod、formnovalidate、formtarget、disabled、novalidate

連接相關(guān)的屬性

a:area=media；area=hreflang、rel； link=sizes;  base=target;   

其他元素

ol=reversed;  meta=charset;  menu=type、label;  style=scoped;  script=async;  html=mainifest;  iframe=sandbox、seamless、srcdoc

全局屬性

contentEditable：添加標(biāo)簽，標(biāo)簽內(nèi)容可進(jìn)行編寫；
designMode:指定頁面是否可編輯，可編輯contentEditable可編輯（document.designMode='on'）
hidden:任何元素可用，元素可見和不可見
spellcheck:input(type=text、textarea) 對輸入內(nèi)容進(jìn)行拼寫和語法檢查
tabindex:tab獲取焦點  div等元素

新增主體結(jié)構(gòu)元素

article:元素代表 文檔、頁面或應(yīng)用程序中獨立的完整的可以獨自被外部引用的內(nèi)容。
section:用于對網(wǎng)站或應(yīng)用程序中頁面上的內(nèi)容進(jìn)行分塊。
section禁忌：
1.不要將section元素用作設(shè)置樣式的頁面容器，那是dIv元素的工作
2.如果article、aside元素或nav元素更符合的使用條件、不要使用section元素
3.不要為沒有標(biāo)題的內(nèi)容使用section元素  
nav:是一個可以用作業(yè)面導(dǎo)航的連接組，其中的導(dǎo)航元素連接到其他頁面或當(dāng)前頁面的其他部分
aside:用來表示當(dāng)前頁面或文章的附屬部分，他可以包含與當(dāng)前頁面或主要內(nèi)容相關(guān)的引用cebianlan側(cè)邊欄廣告導(dǎo)航條有別于主要內(nèi)容。
aside的使用方法：
1.被包含在article元素中作為主要內(nèi)容的附屬信息部分，其中的內(nèi)容可以是當(dāng)前文章有關(guān)的參考資料、名詞解釋等等。
2.在article元素之外使用，作為頁面或站點全局的附屬信息。
time:他是利用HTML的class屬性對網(wǎng)頁添加附加信息的方法，例如新聞事件發(fā)生的日期，時間。（pubdata屬性是一個可選的boolean的屬性，通知發(fā)布屬性）

新增的非主體結(jié)構(gòu)元素

header:是一種具有引導(dǎo)和導(dǎo)航作用的結(jié)構(gòu)元素，通常用來放置整個頁面或頁面內(nèi)的一個內(nèi)容塊的標(biāo)題，但也可以包含其他內(nèi)容例如數(shù)據(jù)表格，搜索表單或相關(guān)的logo圖片。
hgroup:是將標(biāo)題和子標(biāo)題進(jìn)行分組的元素。
footer:作為其上層父級內(nèi)容區(qū)塊或是一個根區(qū)塊的腳注。通常包括其相關(guān)區(qū)塊的腳注信息。如作者相關(guān)閱讀連接及版權(quán)信息。
address:元素用來在文檔中呈現(xiàn)聯(lián)系信息，包括文檔作者或文檔維護(hù)者的名字，他們的網(wǎng)站連接、電子郵箱、真實地址、電話號碼等。

新增元素和屬性

form:可以給form外部元素添加form=‘name’  綁定form   id='name';歐朋10支持
placeholder:文本框內(nèi)獲取光標(biāo)時內(nèi)容顯示
autofocus:自動獲取光標(biāo)
required:如果內(nèi)容為空則不能提交
pattern:正則驗證
min:規(guī)定輸入的最少范圍
max:規(guī)定輸入的最長范圍
step:值增加的步幅   
對象：
1.checkValidity   input（email）.checkValidity  查看有效性是否正確 
2.ValidityState  input（emial）.validity   查看有效性
3.novalidate  form屬性   true(關(guān)閉驗證） false(開啟驗證）
4.formnovalidate  input屬性  true(關(guān)閉 input驗證） false(開啟input驗證）
5.setCustomValidity dom屬性  自己設(shè)置彈出的錯誤驗證信息

新增的頁面元素

figure：標(biāo)簽規(guī)定獨立的流內(nèi)容（圖像、圖表、照片、代碼等等);  (瀏覽器均支持）
figcaption:元素應(yīng)該被置于 "figure" 元素的第一個或最后一個子元素的位置。（瀏覽器均支持）
details：標(biāo)簽用于描述文檔或文檔某個部分的細(xì)節(jié)。（谷歌 safair 支持）
mark:文本高亮顯示  （瀏覽器均支持）
progress:標(biāo)簽標(biāo)示任務(wù)的進(jìn)度（進(jìn)程）。(Ie10  以及其他瀏覽器支持此）
meter:標(biāo)簽定義已知范圍或分?jǐn)?shù)值內(nèi)的標(biāo)量測量(IE 不支持）
cite:標(biāo)簽通常表示它所包含的文本對某個參考文獻(xiàn)的引用，比如書籍或者雜志的標(biāo)題。(瀏覽器均支持）

文件Api
···
multiple:input type(file) 屬性規(guī)定輸入字段可選擇多個值。如果使用該屬性，則字段可接受多個值
dom:dom.files[0]; 獲取上傳多個文件的對象。
size:dom.size; 獲取文檔的大小
type:dom.type; 文檔的類型（控制文本的類型）
accept：input(file) 屬性 控制上傳的類型（盡量在服務(wù)器進(jìn)行控制）
···
拖放API

draggable：要拖動的元素屬性  （true）可拖動 （false）不可拖動 （IE9 和其他瀏覽器支持）
拖動的元素事件
ondragstart：開始拖動元素時觸發(fā)
ondrage:被拖放的元素 拖放過程中
ondragend:用戶結(jié)束拖動元素后觸發(fā)
釋放目標(biāo)時觸發(fā)的事件
ondragenter:當(dāng)被鼠標(biāo)拖動的對象進(jìn)入容器范圍內(nèi)時觸發(fā)此事件
ondragover:當(dāng)某被拖動的對象在另一對象容器范圍內(nèi)拖動時觸發(fā)此事件
ondragleave:當(dāng)被鼠標(biāo)拖動的對象離開某容器范圍內(nèi)時觸發(fā)此事件
ondrop:在一個拖動過程中，釋放鼠標(biāo)鍵時觸發(fā)此事件

video 和 audio 元素的基礎(chǔ)知識

src:該屬性指定媒體數(shù)據(jù)的url地址
autoplay:是否在加載頁面后自動播放
preload:是否先預(yù)加載 （none/metadata/auto）
poster:video獨有屬性  展示一個替代用的圖片
loop:是否循環(huán)播放
controls:自帶的播放控制條
error：dom 屬性錯誤的播放提示
networkState:讀取當(dāng)前網(wǎng)絡(luò)狀態(tài)
currentTime:獲取媒體的當(dāng)前播放位置
startTime:媒體播放的開始時間
duration:獲取總的播放時長
played:返回一個對象獲取已播放的時間段
paused:是否處于暫停中
end:是否已經(jīng)播放完畢
defaultPlaybackRate:讀取和設(shè)置播放速率
playbackRate:修改播放速率
volume:播放音量（0-1）  屬性
muted:修改靜音 true(靜音）false(不靜音）  屬性
方法
play:播放媒體
pause:暫停媒體
load:重新載入媒體

video事件

loadstart:瀏覽器開始在網(wǎng)上尋找媒體數(shù)據(jù)
propress:瀏覽器正在獲取媒體數(shù)據(jù)
suspend:瀏覽器暫停獲取
error:獲取過程中出錯
timeupdate:當(dāng)前播放位置被改變，可能是播放過程中的自然改變。

跨域通信

window.addEventListEener('message',function(ev){
  console.log(ev.data);
},false)

跨域發(fā)送
var iframe = window.fames[0];
iframe.postMessage('您好','http://www.blue-butterfly.net/test/');

創(chuàng)建后臺線程

var worker = new Worker('worker.js')   //運行的文件的地址（禁用window  document對象）
woker.onmessage = function(event){
  接收從線程中收到的信息
event.data;
}
將數(shù)值傳到線程中
worder.postmessage(info);

線程信息
onmessage = function(event){
  postmessage(value);
}

谷歌地圖API

window.navigator 對象新增了一個geolocation屬性 對象下面三個方法
navigator.geolocation.getCurrentPosition(function(position){
  成功回調(diào)的信息
},function(error){
    error.code        (1,2,3)
    error.message  (錯誤信息）
},function(){})

navigator.geolocation.wathcCurrentPosition(onsuccess,onError,options)
獲取實時的地理位置
navigator.geolocation.clearWatch(watchId);
停止對當(dāng)前用戶的地理位置信息的監(jiān)視

頁面中使用谷歌地圖

1.在頁面中導(dǎo)入google Map  api 的腳本文件，導(dǎo)入方法
<script type='text/javascript' src=http://maps.google.com/maps/api/js?sensor=false/>
2.設(shè)定地圖參數(shù) 設(shè)定方法
指定一個google地圖上的坐標(biāo)點，同時指定該坐標(biāo)點的橫坐標(biāo)和縱坐標(biāo)
var letlng = new google.maps.LatLng(coords.latitude,coords.longgitude);
var myOptions = {
zoom:14,   //設(shè)定放大倍數(shù)
center:latlng,  //將地圖中心點設(shè)定為指定的坐標(biāo)點，
mapTypeId:google.maps.MapTupeId,ROADMAP  //指定地圖類型
}
3.創(chuàng)建地圖 在頁面中顯示
var map1 = new google.maps.Map(document.getElementById('map'),myOptons);
4.在地圖上創(chuàng)建標(biāo)記，方法如下所示
var marker = new google.maps.Marker({
  position:latlng,    //將前面指定的坐標(biāo)點標(biāo)注出來
map:mapp1   //設(shè)置在map1變量代表的地圖中標(biāo)注
})
5設(shè)置標(biāo)注窗口并指定標(biāo)注窗口中注釋文字，如下所示。
var infowindow = new google.maps.InfoWindow({
  content:'當(dāng)前位置‘’
})
6.打開標(biāo)注窗口，如下所示。
infowindow.open(map1,marker);