HTML5學習筆記之html5與傳統html差別 _html5教學技巧

 一. HTML5語法的改變
該知識點所說變化指的是基於HTML4基礎上所定義的改變，主要如下：
1.HTML5的檔案擴充符(.html或.htm)與內容類型(text/html)保持不變。
2.HTML5中，刻意不使用版本聲明，一份文件將會適用於所有版本的HTML。
3.從HTML5開始，對於檔案的字元編碼建議使用UTF-8。
4.HTML5確保了與先前HTML版本的最大程度的相容性。
為了確保相容性，需從元素說起，在HTML5.中，元素的標記可以省略。其體來說，元素的標記分為「不允許寫結束標記」、「可以省略結束標記」和『「開始標記和結束標記全部可以省略」三種類型。
• 不允許寫結束標記元素有：area、base、br、col.....
• 可以省略結束標記：li、dt、dd、p、rt......
• 開始標記與結束標記全部可以省略：html、head、body.....
二.新增的結構元素
•section元素表示頁面中的一個內容區塊，例如章節、頁首、頁尾或頁面中的其他部分；
•article元素表示頁面中的一塊與上下文不相關的獨立內容，譬如博客中的一篇文章或報紙中的一篇文章；
•aside元素表示article元素的內容之外的、與article元素的內容相關的輔助資訊；
•header元素表示頁面中一個內容區塊或整個頁面的標題；
•hgroup元素用於對整個頁面或頁面中一個內容區塊的標題進行組合；
•footer元素表示整個頁面或頁面中一個內容區塊的腳註。一般來說，它會包含創作者的姓名、創作日期以及創作者聯絡資訊；
•nav元素表示頁面中導航連結的部分；
•figure元素表示一段獨立的串流內容，一般表示文檔主體流內容中的一個獨立單元，使用figcaption元素為figure元素組添加標題
2、新增的其他元素
•audio元素定義音頻，例如音樂或其他音頻流；
•embed元素用來插入各種多媒體，格式可以是Midi、Wav、AU、MP3等；
•mark元素上要用來在視覺上向使用者呈現那些需要突出顯示或高亮顯示的文字，典型應用就是在搜尋結果中向使用者高亮顯示搜素關鍵字；
•progress元素表示運行中的進程
•ruby元素表示ruby註釋(中文注音或字元)
•rt元素表示字元(中文注音或字元)的解釋或發音
•rp元素在ruby註解中使用，以定義不支援ruby素的瀏覽器所顯示的內容。
•wbr元素表示軟換行，而當寬度不夠時，主動在此處進行換行
•canvas元素表示圖形，例如圖表和其他圖像
•cammand元素表示命令按鈕，例如單選按鈕、複選框或按鈕
•details元素表示用戶要求得到且可以得到的細節資訊
•datagrid元素表示可選資料的列表，它以樹形列表的形式來顯示
•keygen元素表示產生金鑰
•output元素表示不同類型的輸出，例如腳本的輸出
•source元素為媒介元素(例如

input元素從屬於表單，它唄書寫在表單內部，用不著再對它制定form屬性。 textarea元素唄書寫在表單之外，但它從屬於表單，所以表單的id制定給textareea元素的form屬性。
這樣做的好處是當需要為頁面中的元素添加樣式時可以更方便地添加，因為它們不是被分散在各表單之內的了。