1. 程式人生 > >Html5新標簽---第一天

Html5新標簽---第一天

art 區域 htm 任務 -- 標簽 用戶 信息 input事件

一、HTML5新增標簽和重新定義的標簽
1、結構標簽
塊級元素,有意義的div
<article> 定義一篇文章,強調獨立性
<header> 定義一個頁面或一個區域的頭部
<nav> 定義導航鏈接
<section> 定義一個區域,例如將一塊內容分成幾段
<aside> 定義頁面內容部分的側邊欄
<hgroup> 定義文件中一個區塊的相關信息,裏面放h系列的標簽,最好h3
<figure> 定義一組媒體內容以及它們的標題
<figcaption> 定義figure元素的標題
<footer> 定義一個頁面或一個區域的底部
<dialog> 定義一個對話框類似微信
2、多媒體標簽
<video> 定義一個視頻
<audio> 定義音頻內容
<source> 定義媒體資源
<canvas> 定義圖片
<embed> 定義外部的可交互的內容或插件 比如 flash
3、Web 應用標簽
<menu> 命令列表
<menuitem> menu命令列表標簽(嵌入系統)
<command> menu標記定義一個命令按鈕
<meter> 實時狀態顯示:氣壓、氣溫( 狀態標簽)
屬性:min、max、value、low、high value在low和high中間正常,之外會變色警告
<progrss> 任務過程:安裝、加載(狀態標簽)進度條
<datalist> 為input標記定義一個下拉列表,配合option
<detalis> 標記定義一個元素的詳細內容,配合dt、dd,有下拉框
4、註釋標簽
<ruby> 定義註釋或音標
<rp> 告訴那些不支持Ruby元素的瀏覽器如何去顯示,註釋括號
<rt> 定義對ruby的註釋內容文本,註釋在ruby上面就像漢語漢字上的拼音
5、其他標簽
<keygen> 定義表單裏一個生成的鍵值(加密信息傳送)
<mark> 定義有標記的文本(黃色選中狀態)
<output> 定義一些輸出類型,計算表單結果配合oninput事件
6、重新定義的標簽
<dd> 問題
<dt> 描述
<hr> 表示主題結束,是一條水平線
<small> 表示小字體,例如註釋或者法律條款
<menu> 定義用戶界面的菜單,配合commond或者menuitem使用

Html5新標簽---第一天