- 簡(jiǎn)化了字符集的聲明
- 不允許寫結(jié)束符的標(biāo)簽
- area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr
- 可以省略結(jié)束符的標(biāo)簽
- li、dt、dd、p、rpoptgroup、option、colgroup、thread、tbody、tfoot、tr、td、th
- 可以完全省略的標(biāo)簽
- html、head、body、colgroup、tbody
- HTML5支持松散的語(yǔ)法極大地兼容了編程人員的不規(guī)范代碼，同時(shí)保證頁(yè)面效果不會(huì)改變 。
- HTML5是向下兼容的 。
HTML5最大的變化就是有了予以，以前的<div>、<sapn>僅僅表示盒子，沒(méi)有具體的語(yǔ)義 。
<header> 頭標(biāo)簽
<nav> 導(dǎo)航
<aside> 側(cè)邊欄
<article> 文章標(biāo)簽
<footer> 腳標(biāo)簽
<section> 章節(jié)
- 如果瀏覽器不識(shí)別這些標(biāo)簽，全部當(dāng)成div標(biāo)簽 。
- required必填字段
- autofocus自動(dòng)獲得焦點(diǎn)
- placeholder=”默認(rèn)顯示內(nèi)容”
新增的表單元素
HTML5的表單元素可以不放在表單域中，可以通過(guò)id關(guān)聯(lián)起來(lái)，即給form定義id值，將表單元素的屬性form=”對(duì)應(yīng)表單的id”
例子如下：
新增的input元素
即 input 的type取值 。
- email 輸入框-郵件
- url 輸入框-網(wǎng)址
- number 輸入框-僅數(shù)字
- range 可拖動(dòng)進(jìn)度條-表示范圍
- 屬性有min最小值、max最大值、value默認(rèn)取值屬性有min最小值、max最大值、value默認(rèn)取值
- color 顏色選擇框
- date 日期選擇框-年月日
- month 日期選擇框-年月
- week 日期選擇框-年周
- time 時(shí)間選擇框
- datetime-local 年月日時(shí)間選擇框
在選擇第一項(xiàng)后，還需選擇下一項(xiàng) 。
參考代碼如下：
<select> <optgroup lable="第一個(gè)選項(xiàng)的內(nèi)容1"><option>第二個(gè)選項(xiàng)的內(nèi)容1</option><option>第二個(gè)選項(xiàng)的內(nèi)容2</option> </optgroup></select>123456datalist數(shù)據(jù)列表
給為輸入框input=”text”提供下拉列表選項(xiàng) 。
datalist參考代碼如下：
<datalist id="列表ID"> <option>選項(xiàng)1</option></datalist>123注意：將input 中設(shè)置 list取值為列表ID
插入音頻、視頻播放
音頻播放
標(biāo)簽：<audio></audio>
屬性 ：
- 音頻地址src 路徑取值
- 設(shè)置顯示控制面板controls
- 設(shè)置自動(dòng)播放autoplay=”autoplay”
- 如果不支持此音頻格式，則將顯示標(biāo)簽內(nèi)容；
- 在同一個(gè)設(shè)置多個(gè)音頻滿足如果不支持第一個(gè)音頻則播放下一個(gè)，可以將在audio標(biāo)簽內(nèi)容中增加source標(biāo)簽（其中src屬性表明音頻地址），一個(gè)音頻設(shè)置一個(gè)source 。
標(biāo)簽：<video></video>
屬性 ：
- 視頻地址src 路徑取值
- 設(shè)置顯示控制面板controls
- 設(shè)置自動(dòng)播放autoplay=”autoplay”
- 如果不支持此視頻格式，則將顯示標(biāo)簽內(nèi)容；
- 在同一個(gè)設(shè)置多個(gè)視頻滿足如果不支持第一個(gè)視頻則播放下一個(gè)，可以將在video標(biāo)簽內(nèi)容中增加source標(biāo)簽（其中src屬性表明視頻地址），一個(gè)視頻設(shè)置一個(gè)source 。
推薦閱讀
- css元素垂直居中的方法 css左對(duì)齊怎么設(shè)置
- js修改class屬性 bootstrap單選框樣式
- 參考文獻(xiàn)格式怎么寫 參考文獻(xiàn)的字體用什么字號(hào)？
- 博德之門3字體修改方法介紹 博德之門3字體怎么修改
- 魔獸爭(zhēng)霸3重制版字體重疊怎么辦 字體亂碼解決方法分享_網(wǎng)
- 電腦的字體大小怎么改 怎樣調(diào)電腦字體大小?
- 破壞領(lǐng)主字體怎么替換 破壞領(lǐng)主字體替換方法介紹_網(wǎng)
- 傳國(guó)玉璽上刻的字是什么 傳國(guó)玉璽上刻的字是什么字體
- SD高達(dá)G世紀(jì)火線縱橫A卡字體無(wú)法顯示解決方法_網(wǎng)
- 《我的世界》修改物品成彩色字體方法攻略