HTML5 與 HTML4 的區別(2) - 新增的元素和廢除的元素

標籤：io   ar   使用   strong   sp   div   art   on   cti   

新增的結構元素

        在 HTML5 中，新增了以下與結構相關的元素：

      section元素

        section 元素表示頁面中的一個內容區塊，比如章節、頁首、頁尾或頁面中的其他部分。
        它可以與h1、h2、h3、h4、h5、h6等元素結合起來使用，標識文檔結構。

        HTML5 中程式碼範例：
        <section>....</section>

        HTML4 中程式碼範例：
        <div>...</div>

      article元素

        article 元素表示頁面中的一塊與上下文不相關的獨立內容，比如部落格中的一篇文章或報紙中的一篇文章。

        HTML5 中程式碼範例：
        <article>...</article>

        HTML4 中程式碼範例：
        <div>...</div>

      aside元素

        aside 元素表示 article 元素的內容之外、並與 article 元素的內容相關的輔助資訊。

        HTML5 中程式碼範例：
        <aside>...</aside>

        HTML4 中程式碼範例：
        <div>...</div>

      header元素

        header 元素表示頁面中的一個內容區塊或整個頁面的標題。

        HTML5 中程式碼範例：
        <header>...</header>

        HTML4 中程式碼範例：
        <div>...</div>

      hgroup元素

        hgroup 元素用於對整個頁面或頁面中一個內容區塊的標題進行組合。

        HTML5 中程式碼範例：
        <hgroup>...</hgroup>

        HTML4 中程式碼範例：
        <div>...</div>

      footer元素

        footer 元素表示整個頁面或頁面中一個內容區塊的腳註。
        一般來說，它會包含創作者的姓名、創作日期以及創作者的著作權或聯絡資訊。

        HTML5 中程式碼範例：
        <footer>...</footer>

        HTML4 中程式碼範例：
        <div>...</div>

      nav元素

        nav 元素表示頁面中導航連結的部分。

        HTML5 中程式碼範例：
        <nav>...</nav>

        HTML4 中程式碼範例：
        <ul>...</ul>

      figure元素

        figure 元素表示一段獨立的流內容，一般表示文檔主體流內容中的一個獨立單元。
        使用 figcaption 元素為 figure 元素組添加標題。

        HTML5 中程式碼範例：
        <figure>
            <figcaption>新增的結構元素</figcaption>
            <p>在 HTML5 中，新增了以下與結構相關的元素：</p>
        </figure>

        HTML4 中程式碼範例：
        <dl>
            <h1>新增的結構元素</h1>
            <p>在 HTML5 中，新增了以下與結構相關的元素：</p>
        </dl>

新增的其他元素

        除了結構元素外，在 HTML5 中，還新增了以下元素：

      video元素

        video 元素定義視頻，比如電影片段或其他視頻流。

        HTML5 中程式碼範例：
        <video src="movie.ogg" controls="controls">video元素</video>

        HTML4 中程式碼範例：
        <object type="video/ogg" data="movie.ogv">
            <param name="src" value="movie.ogv">
        </object>

      audio元素

        audio 元素定義音頻，比如音樂或其他音頻流。

        HTML5 中程式碼範例：
        <audio src="someaudio.wav">audio元素</audio>

        HTML4 中程式碼範例：
        <object type="application/ogg" data="someaudio.wav">
            <param name="src" value="someaudio.wav">
        </object>

      embed元素

        embed 元素用來插入各種多媒體，格式可以是 midi、wav、aiff、au、mp3等。

        HTML5 中程式碼範例：
        <embed src="horse.wav" />

        HTML4 中程式碼範例：
        <object data="flash.swf" type="application/x-shockwave-flash"></object>

      mark元素

        mark 元素主要用來在視覺上向使用者呈現那些需要反白或高亮顯示的文字。
        mark 元素的一個比較典型的應用就是在搜尋結果中向使用者高亮顯示搜尋關鍵詞。

        HTML5 中程式碼範例：
        <mark>...</mark>

        HTML4 中程式碼範例：
        <span>...</span>

 

HTML5 與 HTML4 的區別(2) - 新增的元素和廢除的元素