新增的結(jié)構(gòu)標(biāo)簽:
成都創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供來安網(wǎng)站建設(shè)、來安做網(wǎng)站、來安網(wǎng)站設(shè)計、來安網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、來安企業(yè)網(wǎng)站模板建站服務(wù),10多年來安做網(wǎng)站經(jīng)驗,不只是建網(wǎng)站,更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。
1、header元素
表示頁面中一個內(nèi)容區(qū)塊或真?zhèn)€頁面的標(biāo)題。
2、hgroup元素
表示對真?zhèn)€頁面或頁面中的一個內(nèi)容區(qū)塊的標(biāo)題進(jìn)行組合。
3、article元素?
表示頁面中一塊與上下文不相關(guān)的獨立內(nèi)容。比如一篇文章。
4、aside元素
表示article元素內(nèi)容之外的、與article元素內(nèi)容相關(guān)的輔助信息。
5、footer元素
表示整個頁面或頁面中一個內(nèi)容區(qū)塊的腳注。一般來說,他會包含創(chuàng)作者的姓名、創(chuàng)作日期以及創(chuàng)作者的聯(lián)系信息。
HTML5新規(guī)則:
新特性應(yīng)該基于 HTML、CSS、DOM 以及 JavaScript。 減少對外部插件的需求(比如 Flash),更優(yōu)秀的錯誤處理,更多取代腳本的標(biāo)記,HTML5 應(yīng)該獨立于設(shè)備開發(fā)進(jìn)程應(yīng)對公眾透明 ;
HTML5?新特性:
新的特殊內(nèi)容元素,比如 article、footer等,新的表單控件,比如 calendar、date、time、email、url、search;用于媒介回放的 video 和 audio 元素;用于繪畫的 canvas 元素?
對本地離線存儲的更好的支持。
新增的結(jié)構(gòu)標(biāo)簽:
1、header元素
表示頁面中一個區(qū)塊或真?zhèn)€頁面的標(biāo)題。
2、內(nèi)hgroup元素
表示對真?zhèn)€頁面或頁面中的容一個內(nèi)容區(qū)塊的標(biāo)題進(jìn)行組合。
3、article元素
表示頁面中一塊與上下文不相關(guān)的獨立內(nèi)容。比如一篇文章。
4、aside元素
表示article元素內(nèi)容之外的、與article元素內(nèi)容相關(guān)的輔助信息。
5、footer元素
表示整個頁面或頁面中一個內(nèi)容區(qū)塊的腳注。一般來說,他會包含創(chuàng)作者的姓名、創(chuàng)作日期以及創(chuàng)作者的聯(lián)系信息。
HTML5新規(guī)則:
新特性應(yīng)該基于 HTML、CSS、DOM 以及 JavaScript。 減少對外部插件的需求(比如 Flash),更優(yōu)秀的錯誤處理,更多取代腳本的標(biāo)記,HTML5 應(yīng)該獨立于設(shè)備開發(fā)進(jìn)程應(yīng)對公眾透明 ;
HTML5 新特性:
新的特殊內(nèi)容元素,比如 article、footer等,新的表單控件,比如 calendar、date、time、email、url、search;用于媒介回放的 video 和 audio 元素;用于繪畫的 canvas 元素
對本地離線存儲的更好的支持。
? h5 的語法
o DOCTYPE 可以使用小寫,
o 單標(biāo)簽沒有結(jié)束標(biāo)簽,
o 可以省略結(jié)束的標(biāo)簽: li、dt、dd、p、option、colgroup(用于對表格中的列進(jìn)行組合,以便對其進(jìn)行格式化)、thead、tbody、tfoot、 tr、td、tho ,
可以省略的標(biāo)簽 html head body tbody,
? 新增標(biāo)簽特點:語義化,ie8 及以下不生效
o header 標(biāo)簽頭部,
o section 劃分板塊,
o article 與上下文無關(guān)的內(nèi)容,
o aside 可以放側(cè)邊工具欄,
o nav 導(dǎo)航,
o figure 和 figcaption 類似于 dl 標(biāo)簽,
o footer 底部,
o main 比較重要的部分,
o mark 標(biāo)記默認(rèn)是黃色的高亮,可以修改樣式內(nèi)聯(lián)10,
? 多媒體標(biāo)簽,
o 音頻
內(nèi)聯(lián),
controls 控件,autoplay 自動播放,谷歌不支持,火狐靜音下支持, ie 支持,loop 循環(huán)播放,muted 靜音播放,
o 視頻
controls 控件autoplay: 自動播放,谷歌和火狐靜音下支持 ,ie 支持,muted 靜音播放,loop 循環(huán),poster 未播放前顯示的內(nèi)容,
? 表單新增
o type 類型,
email 郵件格式,
number 限制輸入是數(shù)字,
min 最小值,
max 最大值,
step 每次增加的數(shù),
url 地址路徑或者網(wǎng)址都可以,
color 色塊,
time 時間,
range 滑動條,
o 屬性
required 必填,
placeholder 提示信息,
autocomplete 自動提示,
on 提示 ,
off 不提示,
autofocus 自動聚焦,
只能寫一個multiple ,
多選pattern ,
正則限制輸入的內(nèi)容類型限制輸入 0-9 之間的數(shù),
以上是我個人對 H5新增內(nèi)容的總結(jié),希望對大家有所幫助。
html5新增標(biāo)簽大致如下:
canvas 新元素
canvas ? ?標(biāo)簽定義圖形,比如圖表和其他圖像。該標(biāo)簽基于 JavaScript 的繪圖 API?
新多媒體元素
audio ? ?定義音頻內(nèi)容 ?
video ? ?定義視頻(video 或者 movie) ?
source ? ?定義多媒體資源 video 和 audio ?
embed ? ?定義嵌入的內(nèi)容,比如插件。 ?
track ? ?為諸如 video 和 audio 元素之類的媒介規(guī)定外部文本軌道。?
新表單元素
datalist ? ?定義選項列表。請與 input 元素配合使用該元素,來定義 input 可能的值。 ?
keygen ? ?規(guī)定用于表單的密鑰對生成器字段。 ?
output ? ?定義不同類型的輸出,比如腳本的輸出。?
新的語義和結(jié)構(gòu)元素
HTML5提供了新的元素來創(chuàng)建更好的頁面結(jié)構(gòu):
article ? ?定義頁面獨立的內(nèi)容區(qū)域。 ?
aside ? ?定義頁面的側(cè)邊欄內(nèi)容。 ?
bdi ? ?允許您設(shè)置一段文本,使其脫離其父元素的文本方向設(shè)置。 ?
command ? ?定義命令按鈕,比如單選按鈕、復(fù)選框或按鈕 ?
details ? ?用于描述文檔或文檔某個部分的細(xì)節(jié) ?
dialog ? ?定義對話框,比如提示框 ?
summary ? ?標(biāo)簽包含 details 元素的標(biāo)題 ?
figure ? ?規(guī)定獨立的流內(nèi)容(圖像、圖表、照片、代碼等等)。 ?
figcaption ? ?定義 figure 元素的標(biāo)題 ?
footer ? ?定義 section 或 document 的頁腳。 ?
header ? ?定義了文檔的頭部區(qū)域 ?
mark ? ?定義帶有記號的文本。 ?
meter ? ?定義度量衡。僅用于已知最大和最小值的度量。 ?
nav ? ?定義導(dǎo)航鏈接的部分。 ?
progress ? ?定義任何類型的任務(wù)的進(jìn)度。 ?
ruby ? ?定義 ruby 注釋(中文注音或字符)。 ?
rt ? ?定義字符(中文注音或字符)的解釋或發(fā)音。 ?
rp ? ?在 ruby 注釋中使用,定義不支持 ruby 元素的瀏覽器所顯示的內(nèi)容。 ?
section ? ?定義文檔中的節(jié)(section、區(qū)段)。 ?
time ? ?定義日期或時間。 ?
wbr ? ?規(guī)定在文本中的何處適合添加換行符。 ?
初學(xué)者建議多訪問下菜鳥教程:網(wǎng)頁鏈接,都是比較全面的基礎(chǔ)知識,可以看做編程詞典,即使老司機也經(jīng)常去查一些資料。
當(dāng)前題目:html5新標(biāo)簽,HTML新標(biāo)簽
文章分享:http://jinyejixie.com/article46/dssiseg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站建設(shè)、外貿(mào)建站、網(wǎng)站營銷、小程序開發(fā)、網(wǎng)站維護(hù)、企業(yè)網(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)