html5屬性教學 HTML5廢棄的屬性

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

html5新增標簽如下：結(jié)構(gòu)性標記結(jié)構(gòu)性標記主要用來對頁面結(jié)構(gòu)進行劃分，就像在設(shè)計網(wǎng)頁時將頁面分為導航、內(nèi)容部分、頁腳等，確保HTML文檔的完整性。

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

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

新增的結(jié)構(gòu)標簽：header元素 表示頁面中一個內(nèi)容區(qū)塊或真?zhèn)€頁面的標題。hgroup元素 表示對真?zhèn)€頁面或頁面中的一個內(nèi)容區(qū)塊的標題進行組合。article元素 表示頁面中一塊與上下文不相關(guān)的獨立內(nèi)容。比如一篇文章。

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

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

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

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

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

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

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

H5中如何獲取和設(shè)置自定義屬性

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

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

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

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

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

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

HTML5的option屬性:如何使用option屬性實現(xiàn)級聯(lián)下拉列表

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

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

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

網(wǎng)站標題：html5屬性教學 HTML5廢棄的屬性
分享網(wǎng)址：http://muchs.cn/article30/dgijhso.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁設(shè)計公司、服務(wù)器托管、外貿(mào)建站、品牌網(wǎng)站設(shè)計、定制開發(fā)、動態(tài)網(wǎng)站

廣告

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