Html5增加以及刪除的標(biāo)簽

新增的標(biāo)簽

增加的結(jié)構(gòu)標(biāo)簽
<section> 標(biāo)記定義一個(gè)區(qū)域
<article> 標(biāo)記定義一篇文章
<aside> 標(biāo)記定義頁(yè)面內(nèi)容部分的側(cè)邊欄
<header> 標(biāo)記定義一個(gè)頁(yè)面或一個(gè)區(qū)域的頭部
<hgroup> 標(biāo)記定義文件中一個(gè)區(qū)塊的相關(guān)信息
<footer> 標(biāo)記定義一個(gè)頁(yè)面或一個(gè)區(qū)域的底部
<nav> 標(biāo)記定義導(dǎo)航鏈接(navigation)
<figure> 標(biāo)記定義一組媒體內(nèi)容以及它們的標(biāo)題
<figcaption>標(biāo)記定義figure元素的標(biāo)題
<footer>標(biāo)記定義一個(gè)頁(yè)面或一個(gè)區(qū)域的底部

新增的媒體標(biāo)簽
<audio> 標(biāo)記定義音頻內(nèi)容
<video> 標(biāo)記定義一個(gè)視頻
<embed>標(biāo)記定義外部的可交互的內(nèi)容或插件
<source>標(biāo)記定義媒體資源
<canvas>標(biāo)記定義圖片

新增表單控制標(biāo)簽

<input> type 屬性

<label>網(wǎng)址:</label><input type="url" name="" required>
<label>郵箱:</label><input type="email" name="" required>
<label>日期:</label><input type="date" name="">
<label>時(shí)間:</label><input type="time" name="">
<label>星期:</label><input type="week" name="">
<label>數(shù)量:</label><input type="number" name=""> 
<label>范圍:</label><input type="range" name="">
<label>電話:</label><input type="tel" name="">
<label>顏色:</label><input type="color" name="">
<label>搜索:</label><input type="search" name="">

其他一些新增標(biāo)簽

注釋標(biāo)簽
<rp> 標(biāo)簽在 ruby 注釋中使用,以定義不支持 ruby 元素的瀏覽器所顯示的內(nèi)容。
<ruby> 標(biāo)記定義注釋或音標(biāo)
<rt> 標(biāo)記定義對(duì)ruby annotations的解釋
其他標(biāo)簽:
<mark> 標(biāo)記定義有標(biāo)記的文本
<progress> 標(biāo)記定義任務(wù)的過程
<time> 標(biāo)記定義一個(gè)日期/時(shí)間
<canvas> 標(biāo)記定義圖片
<command> 標(biāo)記定義一個(gè)命令按鈕
<details> 標(biāo)記定義一個(gè)元素的詳細(xì)內(nèi)容
<datalist> 標(biāo)記定義一個(gè)下拉列表
<keygen> 標(biāo)記定義表單里一個(gè)生成的鍵值
<output> 標(biāo)記定義一些輸出類型
<source> 標(biāo)記定義媒體資源
<meter> 標(biāo)記定義
<wbr>Word Break Opportunity (<wbr>) 規(guī)定在文本中的何處適合添加換行符。

被刪除的標(biāo)簽

能用CSS代替的純表現(xiàn)的元素標(biāo)簽:
besefont、 big、center、 font、s、strike、tt、u
對(duì)可用性產(chǎn)生負(fù)面影響的元素
frame、frameset、noframes
產(chǎn)生混肴的元素
acronym、 applet、 isindex、dir

重定義標(biāo)簽

顯示不變,只是表達(dá)的含義進(jìn)行了重新定義的標(biāo)簽
<b> 代表內(nèi)聯(lián)文本,通常是粗體,沒用傳遞表示重要的意思
<i > 代表內(nèi)聯(lián)文本,通常是斜體,沒有傳遞表達(dá)重要的意思
<dd> 可以同detailsy與figure一同使用,定義包含文本,dialog亦可使用
<dt>  可以同details與figrue一同使用,匯總細(xì)節(jié),dialog也可用
<hr> 表示主題結(jié)束,而不是水平線,雖然顯示相同
<menu> 重新定義用戶界面的菜單,配合commond或者menuitem使用
<small>  表示小字體,例如打印注釋或則法律條款
<strong> 表示重要性而不是強(qiáng)調(diào)符號(hào)
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,808評(píng)論 1 45
  • HTML5< !--...--> 標(biāo)簽 comment 注釋標(biāo)簽用于在源文檔中插入注釋。注釋內(nèi)容不會(huì)被瀏覽器顯示。...
    野小寶閱讀 1,404評(píng)論 0 10
  • HTML5 標(biāo)簽comment 注釋標(biāo)簽用于在源文檔中插入注釋。注釋內(nèi)容不會(huì)被瀏覽器顯示。為代碼編寫注釋的好處是...
    才気莮孒閱讀 4,241評(píng)論 1 25
  • HTML標(biāo)簽解釋大全 一、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,528評(píng)論 1 41
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,133評(píng)論 1 92

友情鏈接更多精彩內(nèi)容