html5基礎標籤(html5影片標籤 html5新標籤用法)_html5教學技巧

1、  聲明的變更

2、  指定字元編碼的變化，html5中建議使用utf-8

3、  Html5中允許

沒有結束符，不算錯誤

4、  不允許寫結束標記的有：area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr

5、  可以省略結束標記的元素有：li、dt、dd、p、rt、rp、optgroup、option、colgroup、thead、tbody、tfoot、tr、td、th

6、  可以省略全部標記的元素有：html、head、body、colgroup、tbody

7、  之前屬性值text是要有雙引號的，現在也可以省略

8、見html5標記範例

9、 新增的結構元素section：容器元素。章節、頁首、頁尾，可與h1、h2…結合使用，標示文檔結構。也可用於封裝標題 內容，但是沒有標題是不當的。當一個容器元素需要被直接定義樣式活腳本定義行為時，建議使用div，而不是section。作用：將頁面內容分塊。不要與有著自己的完整的、獨立的內容的article元素混淆。總結：①不要將section元素當作設定樣式的頁面容器，那是div元素的工作。 ②如果article元素、aside元素、或nav元素比較符合使用條件，不要使用section元素。 ③不要為沒有標題的內容區塊使用section元素。

10、新增的結構元素article：區塊級元素。表示頁面中的一塊與上下文不像個的獨立內容。強調獨立性，section強調分段或分塊，article強調獨立性。

11、新增的結構元素aside：區塊級元素。表示article元素的內容職位的，與article元素內容相關的輔助內容。

12、新增的結構元素Header：區塊級元素。整個頁面的標題。 Header中至少要有一個heading（h1—h6）或hgroup元素或nav元素。

13、新增的結構元素hgroup：區塊級元素。用於對整個頁面或頁面中一個內容區塊的標題進行組合。如果只有一個主標題，是不需要hgroup的。

14、新增的結構元素footer：區塊級元素。內容區塊的腳註。

15、新增的結構元素address：行內元素。呈現文件聯絡資訊，包括：作者、信箱等等。

16、新增的結構元素nav：塊級元素。導航連結。傳統導覽、側邊欄導覽、頁內導覽、翻頁導覽。 H5不要用menu取代nav，menu元素是用一系列發出指令的選單上，是一種互動性的元素。更確切的說是使用在web應用程式中的。

17、新增的結構元素figure：區塊級元素。一段獨立的流內容，一般表示文檔主題流內容的一個獨立單元。使用figcaption元素為figure元素組新增標題。

18、新增元素video：定義影片的。

<br>

複製程式碼

程式碼如下:

<br><br>

19、新增元素audio：定義音訊的。

<br>

複製代碼

代碼如下:

<br><br>

20、新增元素embed： 插入各種媒體，格式可以是midi、wav、aiff、au、mp3等。

21<br><br>

複製代碼

代碼如下:

<br><br>

22、新增元素mark： 反白或高亮顯示的文字。相當與span

23、新增元素progress：表示運行中的進程，顯示javascript中消耗時間的函數進程。

<br>

複製程式碼

程式碼如下:

<br><br>

24、新增元素Time：表示日期和時間。

<br>

複製程式碼

程式碼如下:

<br><br>程式碼如下:

><br>

H4中用span

25、新增元素ruby：表示ruby註解。韓han,h4中沒有的

26、新增元素rt：表示字元的解釋或發音

27、新增元素rp：在ruby中使用，以定義不支援ruby元素的瀏覽器所顯示的內容。

28、新增元素wbr：表示軟換行。與br的區別是br表示此處必須換行；而wbr是瀏覽器或父級元素的寬度足夠寬時，不進行換行，寬度不夠時，主動在此處換行。 Wbr對字符型語言作用挺大，但是對於中文，似乎沒有多大的作用。 H4中沒有的。

<br>29、新增元素Canvas：表示圖形的。如：圖表、圖像。但是：這個元素本身沒有行為。只提供一塊畫布，把繪製api展現給客戶端javascript，使腳本能夠把繪製的東西繪製到這塊畫布上。

複製程式碼

<br>程式碼如下:<br>

<br><br>

30、新增元素command：表示指令按鈕。如：單選按鈕、複選框、按鈕。

複製程式碼

<br>程式碼如下:<br>

html4中沒有

<br>31、新增元素details：表示Details使用者要求取得且可以得到的細節資訊。可以與summary配合使用。 Summary提供標題或圖例。

複製程式碼

<br>程式碼如下:<br><br><br>

this ji a ddddd,you kdkdkdk about html5

<br><br>

 

32、新增元素datagrid：表示資料的清單。以樹狀列表的形式顯示

33、新增元素keygen：表示產生金鑰

34、新增元素output：表示不同類型的輸出。如腳本

<br>35、新增元素source：媒介元素。定義媒介資源。 H4中用param<br>

36、新增元素menu：表示選單清單。

複製程式碼

<br>程式碼如下:<br>

h4中menu不被建議使用。

37、新增input元素類型email：表示必須輸入e-mail的文字輸入框。

38、新增input元素類型url：表示必須輸入url位址的

39、新增input元素類型number：表示必須輸入數值。

40、新增input元素類型range：表示必須輸入一定範圍內數字值的

<br>41、新增input元素類型date pickers：h5中有多個可選取日期和時間的新型輸入文字方塊。

複製程式碼

<br>程式碼如下:<br><br><br>Date-------- ------選取日、月、年<br>Month-----------選取月、年<br>Week------------選取週和年<br>Time-------------選取時間（小時和分鐘）

Datetime-------選取時間、日、月、年（utc時間）Datetime-local—選取時間、日、月、年（本地時間）

<br><br> <br>44、 <br>1) 廢除元素：只有部分瀏覽器支援的元素：applet、bgsound（只有ie支援）、blink、marquee等元素。 bgsound（只有ie支持）、marquee（只有ie支持），所以在h5廢除。 applet—可由embed或object取代。 Bgsound—可由audio替代。 Marquee可由js程式設計方式取代。

2)標籤 手冊釋義：用於對元素進行組合。 使用指引：多用於圖片與圖片描述組合：

複製代碼

代碼如下:

<br>

<br> <br>

這兒是圖片的描述資訊

<br>

<br>

<br>3)標籤手冊釋義：定義選單清單。當希望列出表單控制項時使用該標籤。 使用指引：使用於選單類別區塊，用來定義選單清單或選單選項:<br><br>

複製程式碼

程式碼如下:

<br><br> <br>

HTML 5

<br>

CSS

<br>

JavaScript

<br> <br>

<br>