本篇內(nèi)容介紹了“html5是第幾次修改”的有關(guān)知識(shí),在實(shí)際案例的操作過(guò)程中,不少人都會(huì)遇到這樣的困境,接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧!希望大家仔細(xì)閱讀,能夠?qū)W有所成!
成都創(chuàng)新互聯(lián)是一家網(wǎng)站設(shè)計(jì)制作、網(wǎng)站設(shè)計(jì),提供網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站設(shè)計(jì),網(wǎng)站制作,建網(wǎng)站,按需網(wǎng)站策劃,網(wǎng)站開(kāi)發(fā)公司,從2013年成立是互聯(lián)行業(yè)建設(shè)者,服務(wù)者。以提升客戶(hù)品牌價(jià)值為核心業(yè)務(wù),全程參與項(xiàng)目的網(wǎng)站策劃設(shè)計(jì)制作,前端開(kāi)發(fā),后臺(tái)程序制作以及后期項(xiàng)目運(yùn)營(yíng)并提出專(zhuān)業(yè)建議和思路。
html5是第五次修改。HTML5是對(duì)HTML標(biāo)準(zhǔn)的第五次修訂,其主要的目標(biāo)是將互聯(lián)網(wǎng)語(yǔ)義化,以便更好地被人類(lèi)和機(jī)器閱讀,并同時(shí)提供更好地支持各種媒體的嵌入;HTML5的語(yǔ)法是向后兼容的。
本教程操作環(huán)境:windows7系統(tǒng)、HTML5版、Dell G3電腦。
HTML5
HTML5 是對(duì) HTML 標(biāo)準(zhǔn)的第五次修訂。其主要的目標(biāo)是將互聯(lián)網(wǎng)語(yǔ)義化,以便更好地被人類(lèi)和機(jī)器閱讀,并同時(shí)提供更好地支持各種媒體的嵌入。HTML5 的語(yǔ)法是向后兼容的?,F(xiàn)在國(guó)內(nèi)普遍說(shuō)的 H5 是包括了 CSS3,JavaScript 的說(shuō)法(嚴(yán)格意義上說(shuō),這么叫并不合適,但是已經(jīng)這么叫開(kāi)了,就將錯(cuò)就錯(cuò)了)。
HTML5是HTML最新的修訂版本,2014年10月由萬(wàn)維網(wǎng)聯(lián)盟(W3C)完成標(biāo)準(zhǔn)制定。
HTML5的設(shè)計(jì)目的是為了在移動(dòng)設(shè)備上支持多媒體。
HTML5 中的一些有趣的新特性:
用于繪畫(huà)的 canvas 元素。
用于媒介回放的 video 和 audio 元素
對(duì)本地離線存儲(chǔ)的更好的支持。
新的特殊內(nèi)容元素,比如 article、footer、header、nav、section。
新的表單控件,比如 calendar、date、time、email、url、search。
新元素
新屬性
完全支持 CSS3
Video 和 Audio
2D/3D 制圖
本地存儲(chǔ)
本地 SQL 數(shù)據(jù)
Web 應(yīng)用
新增元素和屬性
1、語(yǔ)義標(biāo)簽
語(yǔ)義化標(biāo)簽使得頁(yè)面的內(nèi)容結(jié)構(gòu)化,見(jiàn)名知義
標(biāo)簽 | 描述 |
定義了文檔的頭部區(qū)域 | |
定義了文檔的尾部區(qū)域 | |
定義文檔的導(dǎo)航 | |
定義文檔中的節(jié)(section、區(qū)段) | |
定義頁(yè)面獨(dú)立的內(nèi)容區(qū)域 | |
定義頁(yè)面的側(cè)邊欄內(nèi)容 | |
用于描述文檔或文檔某個(gè)部分的細(xì)節(jié) | |
標(biāo)簽包含 details 元素的標(biāo)題 | |
定義對(duì)話框,比如提示框 |
2、增強(qiáng)型表單
HTML5 擁有多個(gè)新的表單 Input 輸入類(lèi)型。這些新特性提供了更好的輸入控制和驗(yàn)證。
輸入類(lèi)型 | 描述 |
color | 主要用于選取顏色 |
date | 從一個(gè)日期選擇器選擇一個(gè)日期 |
datetime | 選擇一個(gè)日期(UTC 時(shí)間) |
datetime-local | 選擇一個(gè)日期和時(shí)間 (無(wú)時(shí)區(qū)) |
包含 e-mail 地址的輸入域 | |
month | 選擇一個(gè)月份 |
number | 數(shù)值的輸入域 |
range | 一定范圍內(nèi)數(shù)字值的輸入域 |
search | 用于搜索域 |
tel | 定義輸入電話號(hào)碼字段 |
time | 選擇一個(gè)時(shí)間 |
url | URL 地址的輸入域 |
week | 選擇周和年 |
HTML5 也新增以下表單元素
表單元素 | 描述 |
元素規(guī)定輸入域的選項(xiàng)列表 使用 元素的 list 屬性與 | |
提供一種驗(yàn)證用戶(hù)的可靠方法 標(biāo)簽規(guī)定用于表單的密鑰對(duì)生成器字段。 | |
用于不同類(lèi)型的輸出 比如計(jì)算或腳本輸出 |
HTML5 新增的表單屬性
placehoder 屬性,簡(jiǎn)短的提示在用戶(hù)輸入值前會(huì)顯示在輸入域上。即我們常見(jiàn)的輸入框默認(rèn)提示,在用戶(hù)輸入后消失。
required 屬性,是一個(gè) boolean 屬性。要求填寫(xiě)的輸入域不能為空
pattern 屬性,描述了一個(gè)正則表達(dá)式用于驗(yàn)證 元素的值。
min 和 max 屬性,設(shè)置元素最小值與最大值。
step 屬性,為輸入域規(guī)定合法的數(shù)字間隔。
height 和 width 屬性,用于 image 類(lèi)型的 標(biāo)簽的圖像高度和寬度。
autofocus 屬性,是一個(gè) boolean 屬性。規(guī)定在頁(yè)面加載時(shí),域自動(dòng)地獲得焦點(diǎn)。
multiple 屬性 ,是一個(gè) boolean 屬性。規(guī)定 元素中可選擇多個(gè)值。
HTML5 多媒體
使用 HTML5 你可以簡(jiǎn)單的在網(wǎng)頁(yè)中播放 視頻(video)與音頻 (audio) 。
HTML5 提供了播放音頻文件的標(biāo)準(zhǔn),即使用
control 屬性供添加播放、暫停和音量控件。
在 之間你需要插入瀏覽器不支持的
目前,
HTML5 規(guī)定了一種通過(guò) video 元素來(lái)包含視頻的標(biāo)準(zhǔn)方法。
control 提供了 播放、暫停和音量控件來(lái)控制視頻。也可以使用dom操作來(lái)控制視頻的播放暫停,如 play() 和 pause() 方法。
同時(shí) video 元素也提供了 width 和 height 屬性控制視頻的尺寸.如果設(shè)置的高度和寬度,所需的視頻空間會(huì)在頁(yè)面加載時(shí)保留。如果沒(méi)有設(shè)置這些屬性,瀏覽器不知道大小的視頻,瀏覽器就不能再加載時(shí)保留特定的空間,頁(yè)面就會(huì)根據(jù)原始視頻的大小而改變。
與 標(biāo)簽之間插入的內(nèi)容是提供給不支持 video 元素的瀏覽器顯示的。
video 元素支持多個(gè)source 元素. 元素可以鏈接不同的視頻文件。瀏覽器將使用第一個(gè)可識(shí)別的格式( MP4, WebM, 和 Ogg)
“html5是第幾次修改”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實(shí)用文章!