HTML5 移動開發 （HTML5標籤和屬性）

標籤：style   color   java   使用   strong   io   檔案   art   

    第一階
    1.如何使用HTML5中的新標籤及屬性
    2.HTML5中的其它變化
    3.HTML5的移動支援
    4.使用HTML5開發移動WEB引用的理由

    第二階
    HTML5為HTML規範加入了一些新的特性，其中最容易理解的就是新的標籤。它們過去從未成為HTML的一部分，但現在卻是HTML元素了。
    大部分新標籤被稱為“分節”元素，它們為HTML文檔布局分段提供語義。
    部分如下：
    <article>       文檔或網站的一個獨立部分
    <aside>         頁面或者主題之外的內容
    <figcaption>    figure元素的標題
    <figure>        獨立於文字資料流之外的一段劉內容（形，表徵圖等）
    <footer>        文檔或章節的頁尾
    <header>        文檔或章節的頁首
    <hgroup>        標題組
    <nav>           導航部分
    <section>       無法被以上類型定義的普通章節

 <div id="main">
     <div id="header">頭部</div>
     <div id="nav">導航</div>
     <div id="contents">文本區</div>
     <div id="footer">底部</div>
 </div>
 <!--以上是沒有用H5標籤的例子，現在我們看看用了H5新標籤後的寫法-->
 <section id="main">
     <header>頭部</header>
     <nav>導航</nav>
     <section id="contents">文本區</section>
     <footer>底部</footer>
 </section>


 <!--其它語義標籤
    <details>       新增資訊
    <mark>          被突出或標記的內容         
    <meter>         計量器
    <output>        指令碼或表單結果
    <progress>      進度指示
    <summary>       details元素的概要或說明
    <time>          日期或時間
    <wbr>           可選的分行符號（軟轉換）
 -->

 <!--新的多媒體標籤
     HTML5討論的是多媒體標籤。可以通過以下標籤為HTML增添多媒體元素。
     <audio>   內嵌音頻檔案
     <canvas>  內嵌動態圖形
     <embed>   增添其它不包含特定HTML5元素的技術
     <source>  內嵌音頻及視頻的源檔案
     <track>   內嵌音頻及視頻的輔助多媒體軌道
     <video>   內嵌視頻檔案
 -->

 <!--****<canvas>標籤用於在HTML頁面中繪製向量映像。可以通過它來為頁面增添自訂字型、建立簡單活複雜的遊戲、讓向量圖形動起來。並通過HTML來控制一切，而且並不需要插或額外的XML檔案。如下：
 -->
 <canvas id="simple-square" width="800" height="800px"></canvas>
<script type="text/javascript">
    function drawSqurare () {
        var canvas = document.getElementById( ‘simple-square‘ );
        if ( canvas.getContext ) {
            var context = canvas.getContext( ‘2d‘ );
            context.fillStyle = "rgb(13, 118, 208)";
            context.fillRect (2, 2, 798, 798);
        } else {
            alert( "麻煩你去升級一下你的瀏覽器！別讓我再看到你！" );
        }
    }
</script>

<!-- 那麼HTML5 在表單上用了很大的篇幅，具體講到的時候在詳細分享 或先行去瞭解下 -->

<!--那麼多打幾個字，介紹下更好的國際化支援
以下5個HTML5新標籤進一步為非英語文檔提供支援
<bdi>            標籤用來改變HTML中文本文字的方向。例如要在英文文檔中插入一個希伯來文，就可以將它用bdi標籤嵌套起來
<meat charset>   標籤用來定義WEB頁面使用的字元集編碼

<rp>             若使用中文，日文等雙位元組語言書寫HTML時，通常有附註文字字元，它們是字元旁邊的小注釋，通常用來標記讀音
<rt>             <ruby>標籤知名附註文字字元的範圍，可包括代表附註文本的<rt>和代表附註文本兩側括弧的<rp>.              
<ruby>           如：<ruby><rp><rt>ruby text</rt></rp></ruby>
-->

<!--HTMl4標籤和屬性的變化   一些HTML4中不包含語義部分的標籤在Ｈ５中被賦予了語義含義
<b>       粗體文本
<i>       斜體文本
<hr>      文本中的主題性分段
<s>       不再準確或無關的內容（刪除線）
<small>   法律文檔等附屬細則（小號字型）

有些標籤含義有所改變
<address>   成為分節內容的一部分
<cite>      可以表示引用作品的標題，但不能用來標記人名
<menu>      標籤用於建立工具列及右鍵菜單
......太多了就不一一列出了，日後用到的時候在分享
-->