簡述幾種html5的常用標簽和新增屬性的含義

html5新增標簽如下：結構性標記結構性標記主要用來對頁面結構進行劃分，就像在設計網頁時將頁面分為導航、內容部分、頁腳等，確保HTML文檔的完整性。

成都創新互聯擁有一支富有激情的企業網站制作團隊，在互聯網網站建設行業深耕10余年，專業且經驗豐富。10余年網站優化營銷經驗，我們已為數千家中小企業提供了網站建設、成都做網站解決方案，按需規劃網站，設計滿意，售后服務無憂。所有客戶皆提供一年免費網站維護!

title標簽：瀏覽器標簽頁顯示的標題 meta標簽：其常用屬性 ①charset：設置文檔的字符集編碼格式。

新增的結構標簽：header元素 表示頁面中一個內容區塊或真個頁面的標題。hgroup元素 表示對真個頁面或頁面中的一個內容區塊的標題進行組合。article元素 表示頁面中一塊與上下文不相關的獨立內容。比如一篇文章。

dialog定義對話（會話）dialog元素表示幾個人之間的對話。HTML5dt元素可以表示講話者，HTML5dd元素可以表示講話內容。

HTML5新增的元素如下所示，希望對你有幫助，望采納！新的語義和結構元素：article 定義頁面獨立的內容區域。aside 定義頁面的側邊欄內容。bdi 允許您設置一段文本，使其脫離其父元素的文本方向設置。

HTML5中新增標簽較多，下面說幾個常見的 article 定義外部的內容，外部內容可以是來自一個外部的新聞提供者的一篇新的文章，或者來自 blog 的文本，或者是來自論壇的文本。亦或是來自其他外部源內容。

如何使用HTML5中的data-*屬性

1、在HTML5中我們可以使用以data-為前綴來設置我們需要的自定義屬性，來進行一些數據的存放。當然高級瀏覽器下可通過腳本進行定義和數據存取。在項目實踐中非常有用。目前采取這樣的做法的框架也有很多，最常見的當屬jQueryMobile。

2、使用 HTML5 的 data-* 屬性的話，獲取元素后直接訪問 dataset.屬性名稱 即可，dataset 的類型為 DOMStringMap {}，一個 MAP 對象，仍是 key / value 式的對象，使用上比較方便。

3、自定義屬性：在HTML5中我們可以自定義屬性，其格式如下data-*=，例如：data-info=我是自定義屬性，通過Node.dataset[info] 我們便可以獲取到自定義的屬性值。

H5中如何獲取和設置自定義屬性

1、首先創建一個名稱為button的html文件，如下圖所示。在body中加入onmousedown事件，事件中加入自定義函數，函數中加入事件返回對象。接著加入一個p標簽加入id，如下圖所示。

2、首先在HTML元素中添加自定義屬性，通過JavaScript進行訪問，如果之前有嘗試過，會發現，容易忽略標記驗證，而HTML5可以為提供在有效的網頁內創建并使用自己的元素屬性的功能。

3、在HTML5中我們可以使用以data-為前綴來設置我們需要的自定義屬性，來進行一些數據的存放。當然高級瀏覽器下可通過腳本進行定義和數據存取。在項目實踐中非常有用。目前采取這樣的做法的框架也有很多，最常見的當屬jQueryMobile。

4、在HTML5中添加了data-*的方式來自定義屬性，所謂data-*實際上上就是data-前綴加上自定義的屬性名，使用這樣的結構可以進行數據存放。使用data-*可以解決自定義屬性混亂無管理的現狀。

5、屬性值可以是任意字符串 注釋：用戶代理會完全忽略前綴為 data- 的自定義屬性。

6、//如果獲取到“myname”的值 if(div.dataset.myname) { alert(Hello， + div.dataset.myname)；} 如果需要給元素添加一些不可見的數據以便進行其它處理，那就要用到自定義數據屬性。

HTML5的option屬性:如何使用option屬性實現級聯下拉列表

可以使用HTML5 list 屬性。list 屬性需要應用到 input 框上，然后內容寫一個自定義的 id 然后在任意位置放一對 datalist 標簽，并給 datalist 框一個 id，和 list 屬性指向的 id 一致即可。

編寫帶有div導航的html代碼：使用class=“nav”屬性的‘div’標簽作為菜單的容器。在截圖中，在圖示的HTML代碼中，一個簡單的無序列表（ul）來表示主菜單項。在主菜單區域中添加鏈接。

添加label標簽設置我們的下拉菜單選項的內容相應的選項值，然后設置select標簽，在select標簽內部設置option選項標簽，這里需要幾個選項就設置幾個標簽。如下圖所示。

網站標題：html5屬性教學 HTML5廢棄的屬性
分享網址：http://vcdvsql.cn/article30/dgijhso.html

成都網站建設公司_創新互聯，為您提供網頁設計公司、服務器托管、外貿建站、品牌網站設計、定制開發、動態網站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯