小編給大家分享一下正則表達(dá)式與HTML5新元素的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來(lái)自于我們對(duì)這個(gè)行業(yè)的熱愛(ài)。我們立志把好的技術(shù)通過(guò)有效、簡(jiǎn)單的方式提供給客戶，將通過(guò)不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長(zhǎng)期合作伙伴，公司提供的服務(wù)項(xiàng)目有：國(guó)際域名空間、網(wǎng)站空間、營(yíng)銷(xiāo)軟件、網(wǎng)站建設(shè)、廣安網(wǎng)站維護(hù)、網(wǎng)站推廣。

ProcessOn是一個(gè)在線協(xié)作繪圖平臺(tái),為用戶提供最強(qiáng)大、易用的作圖工具!

它可以很方便的在線簡(jiǎn)單繪制一些東西，讓自己去具體理解。

正則表達(dá)式

今日的正則只是學(xué)習(xí)正則的簡(jiǎn)單使用。在HTML5的標(biāo)簽屬性的強(qiáng)大面前，我們已經(jīng)可以不用去先學(xué)習(xí)javascript才能再去正則了，因?yàn)镠TML5的input標(biāo)簽的pattern可以實(shí)現(xiàn)標(biāo)簽的驗(yàn)證，近似取代復(fù)雜的javascript使用正則驗(yàn)證表單，在未來(lái)一定會(huì)完全取代的。

正則的簡(jiǎn)單使用：

[0-9] 查找任何從 0 至 9 的數(shù)字。
[a-z] 查找任何從小寫(xiě) a 到小寫(xiě) z 的字符。
[A-Z] 查找任何從大寫(xiě) A 到大寫(xiě) Z 的字符。
[A-z] 查找任何從大寫(xiě) A 到小寫(xiě) z 的字符。
n{X} 匹配包含 X 個(gè) n 的序列的字符串。
n{X,Y} 匹配包含 X 或 Y 個(gè) n 的序列的字符串。
n{X,} 匹配包含至少 X 個(gè) n 的序列的字符串。

記得這幾個(gè)可以實(shí)現(xiàn)簡(jiǎn)單的正則運(yùn)算了。如：

這就是個(gè)簡(jiǎn)單驗(yàn)證范圍在1個(gè)字符以上的任意0到9或a到z或A到Z的表單驗(yàn)證，而required是設(shè)置這個(gè)文本為必填項(xiàng)，否則會(huì)在提交表單時(shí)提示填寫(xiě)。

而具體的使用正則，則需要記得元字符、量詞及方括號(hào)的用意。

pattern屬性規(guī)定了正則的匹配方式，還有只能是編寫(xiě)與正則匹配的長(zhǎng)度。

它現(xiàn)在無(wú)法現(xiàn)實(shí)到像javascript的RegExp對(duì)象那么方便，不可以去設(shè)置修飾符，就是設(shè)置全局或大小寫(xiě)敏感等。

但它的功能已經(jīng)很強(qiáng)大了。

而為什么無(wú)法設(shè)置修飾符，因?yàn)樗钦齽t表達(dá)式，而在w3c里解釋是pattern 是正則表達(dá)式，而不是字符串，則必須省略該修飾符，所以它不能設(shè)置這個(gè)修飾符，不是會(huì)出錯(cuò)。

補(bǔ)充小知識(shí)：匹配中文的正則

[\u4e00-\u9fa5]這個(gè)確實(shí)只匹配中文

[^\x00-\xff]這個(gè)匹配所有非ASCII的字符，也就是一般意義上的半角字符，而這些%?。ㄖ?lèi)的是全角字符 。

HTML5之音頻與視頻元素

audio音頻標(biāo)簽

你的瀏覽器不支持
 

效果圖：

它的屬性：

autoplay autoplay 如果出現(xiàn)該屬性，則音頻在就緒后馬上播放。

controls controls 如果出現(xiàn)該屬性，則向用戶顯示控件，比如播放按鈕。

loop loop 如果出現(xiàn)該屬性，則每當(dāng)音頻結(jié)束時(shí)重新開(kāi)始播放。

preload preload 如果出現(xiàn)該屬性，則音頻在頁(yè)面加載時(shí)進(jìn)行加載，并預(yù)備播放。如果 使用 "autoplay"，則忽略該屬性。

src url 要播放的音頻的 URL。

video視頻標(biāo)簽

你的瀏覽器不支持
 

它的屬性：

autoplay autoplay 如果出現(xiàn)該屬性，則視頻在就緒后馬上播放。

controls controls 如果出現(xiàn)該屬性，則向用戶顯示控件，比如播放按鈕。

loop loop 如果出現(xiàn)該屬性，則當(dāng)媒介文件完成播放后再次開(kāi)始播放。

muted muted 規(guī)定視頻的音頻輸出應(yīng)該被靜音。

poster URL 規(guī)定視頻下載時(shí)顯示的圖像，或者在用戶點(diǎn)擊播放按鈕前顯示的圖像。

preload preload 如果出現(xiàn)該屬性，則視頻在頁(yè)面加載時(shí)進(jìn)行加載，并預(yù)備播放。如果 使用 "autoplay"，則忽略該屬性。

src url 要播放的視頻的 URL。

width pixels 設(shè)置視頻播放器的寬度。

height pixels 設(shè)置視頻播放器的高度。

它們都有三種格式一種是mp4，一種是ogg，還有一種webm，目前在這方面支持的格式還不夠完善。

以上是“正則表達(dá)式與HTML5新元素的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

標(biāo)題名稱(chēng)：正則表達(dá)式與HTML5新元素的示例分析-創(chuàng)新互聯(lián)
路徑分享：http://weahome.cn/article/ddechc.html