首頁 > web前端 > H5教程 > html5基礎標籤(html5影片標籤 html5新標籤用法)_html5教學技巧

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

WBOY
發布: 2016-05-16 15:48:25
原創
2228 人瀏覽過

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>http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"> name="src" value="”borse.wav”/" /><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> html5基礎標籤(html5影片標籤 html5新標籤用法)_html5教學技巧<br>
    這兒是圖片的描述資訊
    <br>
    <br>
    <br>3)標籤手冊釋義:定義選單清單。當希望列出表單控制項時使用該標籤。 使用指引:使用於選單類別區塊,用來定義選單清單或選單選項:<br><br>
    複製程式碼
    程式碼如下:
    <br><br> <br>
  • HTML 5
  • <br>
  • CSS
  • <br>
  • JavaScript
  • <br>
    <br>
    <br>
    登入後複製
    相關標籤:
    來源:php.cn
    本網站聲明
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
    熱門教學
    更多>
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板