新聞中心
html5新增標(biāo)簽都有哪些
html5新增標(biāo)簽大致如下:
成都創(chuàng)新互聯(lián)自成立以來,一直致力于為企業(yè)提供從網(wǎng)站策劃、網(wǎng)站設(shè)計、網(wǎng)站設(shè)計、網(wǎng)站建設(shè)、電子商務(wù)、網(wǎng)站推廣、網(wǎng)站優(yōu)化到為企業(yè)提供個性化軟件開發(fā)等基于互聯(lián)網(wǎng)的全面整合營銷服務(wù)。公司擁有豐富的網(wǎng)站建設(shè)和互聯(lián)網(wǎng)應(yīng)用系統(tǒng)開發(fā)管理經(jīng)驗、成熟的應(yīng)用系統(tǒng)解決方案、優(yōu)秀的網(wǎng)站開發(fā)工程師團隊及專業(yè)的網(wǎng)站設(shè)計師團隊。
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ù)的進度。 ?
ruby ? ?定義 ruby 注釋(中文注音或字符)。 ?
rt ? ?定義字符(中文注音或字符)的解釋或發(fā)音。 ?
rp ? ?在 ruby 注釋中使用,定義不支持 ruby 元素的瀏覽器所顯示的內(nèi)容。 ?
section ? ?定義文檔中的節(jié)(section、區(qū)段)。 ?
time ? ?定義日期或時間。 ?
wbr ? ?規(guī)定在文本中的何處適合添加換行符。 ?
初學(xué)者建議多訪問下菜鳥教程:網(wǎng)頁鏈接,都是比較全面的基礎(chǔ)知識,可以看做編程詞典,即使老司機也經(jīng)常去查一些資料。
html5如何實現(xiàn)彈出提示框,并且伴隨遮罩層并且可以關(guān)閉彈出框
通過jquery的show()和hide()函數(shù)聯(lián)合使用,實現(xiàn)彈出窗口。
一、show()和hide()函數(shù)解析:
1、show() 方法顯示隱藏的被選元素。
注意:show() 適用于通過 jQuery 方法和 CSS 中 display:none 隱藏的元素(不適用于通過 visibility:hidden 隱藏的元素)。
2、hide() 方法隱藏被選元素。
這與 CSS 屬性 display:none 類似,但是隱藏的元素不會被完全顯示(不再影響頁面的布局)。
二、設(shè)計一個HTML頁面,包括一個簡單的彈出窗,和一個顯示按鈕。其中,調(diào)用了jquery的以上兩個函數(shù)。具體代碼如下:
三、設(shè)計遮罩層的樣式,如下:
四、彈出窗口的css樣式,代碼如下:
五、初始頁面如下:
六、點擊按鈕,查看彈出窗口結(jié)果:
七、關(guān)閉彈出窗后,打開開發(fā)者中心,如下:
HTML5,自定義彈出對話框怎么設(shè)置居中
div class="mask"div class="main"關(guān)閉/div/div
.mask{position:fixed;left:0;right:0;top:0;bottom:0;font-size:0;text-align:center;background:rgba(0,0,0,0.8);}
.mask:after{content:"";height:100%;}
.mask:after,.main{display:inline-block;vertical-align:middle;}
.main{font-size:16px;}
文章標(biāo)題:html5對話框,html對話框代碼
本文路徑:http://www.dlmjj.cn/article/dsgieoc.html