h5新增標籤和屬性的實例教程

結構標籤（construct tag）主要負責Web的上下文結構的定義，確保 HTML文件的完整性，這類標籤包含以下幾個。 section。用於表達書的一部分或一章，或一章內的一節。在Web頁面應用程式中，該標籤也可以用於區域的章節表述。 hgroup 將網頁或區段（section）的標題組合：。 header。頁面主體上的頭部，注意區別於head標籤。這裡可以給初學者一個判斷的小技巧：head標籤中的內容往往是不可見的，而header標籤往往在一對body標籤之中。 footer。頁面的底部（頁腳）。通常，人們會在這裡標出網站的一些相關信息，例如關於我們、法律申明、郵件信息、管理入口等。 nav。是專門用於選單導航、連結導覽的標籤，是navigator的縮寫。 article。用於表示文章的主體內容，一般為文字集中顯示的區域-->

級區塊性標籤（block tag）主要完成Web頁面區域的劃分，確保內容的有效分隔，這類標籤包括以下幾個。 aside。以表達註記、貼士、側邊欄、摘要、插入的引用等作為補充主體的內容。從一個簡單頁面顯示來看，就是側邊欄，可以在左邊，也可以在右邊。從一個頁面的局部來看，就是摘要。 figure 標籤規定獨立的串流內容，通常與figcaption合併使用。 code。表示一段程式碼區塊。 dialog 對話標籤 配合dt dd標籤使用-->

行內語意性標籤（in-line tag ）主要完成Web頁面具體內容的引用和表達，是豐富內容展示的基礎，這類標籤包含以下幾個。 meter。表示特定範圍內的數值，可用於薪資、數量、百分比等 max表示最大值，min表示最小值，value代表目前值。 time。表示時間值，屬性datetime強調時間 progress。用來表示進度條-->

video。視訊標籤，用於支援和實現視訊（含視訊串流）檔案的直接播放，支援緩衝預載和多種視訊媒體格式，例如MPEG-4、OggV和WebM等。 audio。音訊標籤，用於支援和實現音訊（音訊串流）檔案的直接播放，支援緩衝預載和-->

# 標籤定義選項列表。請與 input 元素搭配使用該元素，來定義 input 可能的值。 datalist 及其選項不會被顯示出來，它只是合法的輸入值清單。 所有主流瀏覽器都支援 標籤，除了 Internet Explorer 和 Safari。 -->

互動標籤（interactive tag）主要用於功能性的內容表達，會有一定的內容與資料的關聯，是各種事件的基礎，這類標籤包括以下幾個。 menu。主要用於互動選單（這是一個曾被廢棄現在又被重新啟用的標籤）。 command。用來處理命令按鈕。 -->

##

contextmenu 在Html5中，每個元素新增了一個屬性：contextmenu, contextmenu 是上下文選單，即滑鼠右鍵元素會出現一個選單。 menu 要實現滑鼠右鍵元素會出現一個選單，還必須了解html5裡新增的另一個元素:menu 顧名思義menu是定義選單的， menu 元素屬性： type ：選單類型屬。 有三個值1）context：上下文； 2）toolbar：工具列；3）list：列表

內部可以嵌入一個選單項，即&lt ;menuitem> 。 menuitem 屬性：

label：選單項目顯示的名稱 icon：在選單項目左側顯示的圖示

onclick：點選選單項目觸發的事件###只支援火狐瀏覽器-- >###### ###### ##### 規定是否可編輯元素的內容 屬性值： true -----可以編輯元素的內容 false ---- -無法編輯元素的內容 inherit -----繼承父元素的contenteditable屬性 當為空字串時，效果和true一致。 當一個元素的contenteditable狀態為true（contenteditable屬性為空字串，或為true，或為inherit且其父元素狀態為true）時，表示該元素是可編輯的。否則，該元素不可編輯。

-->

規定元素是否可拖曳 3個枚舉值 true 規定元素是可拖曳的。 false 規定元素是不可拖曳的。 auto 使用瀏覽器的預設特性。 -->

hidden屬性用來隱藏該元素。一旦使用了此屬性，則該元素就不會在瀏覽器中被顯示 2個布林值 true 規定元素是可見。 false 規定元素是不可見。 -->

#

h5新增標籤和屬性的實例教程

相關文章