HTML部分標(biāo)簽的示例分析

這篇文章將為大家詳細(xì)講解有關(guān)HTML部分標(biāo)簽的示例分析，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

涉及到的HTML標(biāo)簽

　　1、<header>標(biāo)簽：為文檔或節(jié)規(guī)定頁眉，應(yīng)該被用作介紹性內(nèi)容或一組導(dǎo)航鏈接的容器。一個(gè)文檔可以有多個(gè)<header>元素。

　　2、<nav>標(biāo)簽：定義一組導(dǎo)航鏈接集合。

　　3、<main>標(biāo)簽：頁面主體內(nèi)容，該內(nèi)容在頁面中是唯一的，且不包含頁面中的重復(fù)內(nèi)容，比如：側(cè)邊欄、導(dǎo)航鏈接、版權(quán)信息、網(wǎng)站和搜索框等。

　　4、<aside>標(biāo)簽：定義一些與周圍內(nèi)容相關(guān)的其他內(nèi)容。

　　5、<footer>標(biāo)簽：定義頁面的腳部，可包含作者信息、版權(quán)信息、聯(lián)系信息、返回頁面頂部的鏈接等。一個(gè)頁面可有多個(gè)<footer>標(biāo)簽。

　　6、<article>標(biāo)簽：定義一段獨(dú)立、自成體系的內(nèi)容，它本身有完整的含義，可以獨(dú)立于頁面其他內(nèi)容存在。

　　7、<hgroup>標(biāo)簽：是<h2>-<h7>標(biāo)簽的集合，用來定義多層級標(biāo)題。

　　8、<input>標(biāo)簽：定義一個(gè)用戶可以輸入數(shù)據(jù)的輸入?yún)^(qū)域。

　　9、<datalist>標(biāo)簽：為<input>元素規(guī)定預(yù)定義選項(xiàng)列表。<input>元素的list屬性必須引用<datalist>元素的id屬性。

　　10、<select>標(biāo)簽：產(chǎn)生下拉列表。<select>標(biāo)簽內(nèi)部的<option>標(biāo)簽定義列表的可選項(xiàng)。效果等同于<input>和<datalist>，例子見下文。

　　11、<textarea>標(biāo)簽：多行文本輸入框，可由cols和rows屬性定義文本框大小。

　　12、<placeholder>屬性：規(guī)定用以描述輸入字段預(yù)期值的提示（樣本值或有關(guān)格式的簡短描述）。該提示會(huì)在用戶輸入值之前顯示在輸入字段中。

　　適用于以下輸入類型：text、search、url、tel、emai、password。

　　13、<label>標(biāo)簽：為<input>元素定義標(biāo)注，改進(jìn)了表單控件的可用性。當(dāng)點(diǎn)擊到label標(biāo)簽時(shí)，會(huì)自動(dòng)聚焦到對應(yīng)控件上。<label>的for屬性與控件的id對應(yīng)。

關(guān)于“HTML部分標(biāo)簽的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯(cuò)，請把它分享出去讓更多的人看到。