html5是第幾次修改

本篇內(nèi)容介紹了“html5是第幾次修改”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

html5是第五次修改。HTML5是對HTML標(biāo)準(zhǔn)的第五次修訂，其主要的目標(biāo)是將互聯(lián)網(wǎng)語義化，以便更好地被人類和機器閱讀，并同時提供更好地支持各種媒體的嵌入；HTML5的語法是向后兼容的。

本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。

HTML5

HTML5 是對 HTML 標(biāo)準(zhǔn)的第五次修訂。其主要的目標(biāo)是將互聯(lián)網(wǎng)語義化，以便更好地被人類和機器閱讀，并同時提供更好地支持各種媒體的嵌入。HTML5 的語法是向后兼容的?，F(xiàn)在國內(nèi)普遍說的 H5 是包括了 CSS3，JavaScript 的說法（嚴(yán)格意義上說，這么叫并不合適，但是已經(jīng)這么叫開了，就將錯就錯了）。

HTML5是HTML最新的修訂版本，2014年10月由萬維網(wǎng)聯(lián)盟（W3C）完成標(biāo)準(zhǔn)制定。

HTML5的設(shè)計目的是為了在移動設(shè)備上支持多媒體。

HTML5 中的一些有趣的新特性：

• 用于繪畫的 canvas 元素。

• 用于媒介回放的 video 和 audio 元素

• 對本地離線存儲的更好的支持。

• 新的特殊內(nèi)容元素，比如 article、footer、header、nav、section。

• 新的表單控件，比如 calendar、date、time、email、url、search。

HTML5 的改進

• 新元素

• 新屬性

• 完全支持 CSS3

• Video 和 Audio

• 2D/3D 制圖

• 本地存儲

• 本地 SQL 數(shù)據(jù)

• Web 應(yīng)用

新增元素和屬性

1、語義標(biāo)簽

　　語義化標(biāo)簽使得頁面的內(nèi)容結(jié)構(gòu)化，見名知義

2、增強型表單

　　HTML5 擁有多個新的表單 Input 輸入類型。這些新特性提供了更好的輸入控制和驗證。

　　HTML5 也新增以下表單元素

HTML5 新增的表單屬性

• placehoder 屬性，簡短的提示在用戶輸入值前會顯示在輸入域上。即我們常見的輸入框默認(rèn)提示，在用戶輸入后消失。

• required  屬性，是一個 boolean 屬性。要求填寫的輸入域不能為空

• pattern 屬性，描述了一個正則表達(dá)式用于驗證<input> 元素的值。

• min 和 max 屬性，設(shè)置元素最小值與最大值。

• step 屬性，為輸入域規(guī)定合法的數(shù)字間隔。

• height 和 width 屬性，用于 image 類型的 <input> 標(biāo)簽的圖像高度和寬度。

• autofocus 屬性，是一個 boolean 屬性。規(guī)定在頁面加載時，域自動地獲得焦點。

• multiple 屬性 ，是一個 boolean 屬性。規(guī)定<input> 元素中可選擇多個值。　　　

HTML5 多媒體

使用 HTML5 你可以簡單的在網(wǎng)頁中播放 視頻(video)與音頻 (audio) 。

• HTML5 提供了播放音頻文件的標(biāo)準(zhǔn)，即使用 <audio> 元素

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
您的瀏覽器不支持 audio 元素。
</audio>

　control 屬性供添加播放、暫停和音量控件。

　在<audio> 與 </audio> 之間你需要插入瀏覽器不支持的<audio>元素的提示文本 。

　<audio> 元素允許使用多個 <source> 元素. <source> 元素可以鏈接不同的音頻文件，瀏覽器將使用第一個支持的音頻文件

　目前, <audio>元素支持三種音頻格式文件: MP3, Wav, 和 Ogg

• HTML5 規(guī)定了一種通過 video 元素來包含視頻的標(biāo)準(zhǔn)方法。

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
您的瀏覽器不支持Video標(biāo)簽。
</video>

control 提供了 播放、暫停和音量控件來控制視頻。也可以使用dom操作來控制視頻的播放暫停，如 play() 和 pause() 方法。

同時 video 元素也提供了 width 和 height 屬性控制視頻的尺寸.如果設(shè)置的高度和寬度，所需的視頻空間會在頁面加載時保留。如果沒有設(shè)置這些屬性，瀏覽器不知道大小的視頻，瀏覽器就不能再加載時保留特定的空間，頁面就會根據(jù)原始視頻的大小而改變。

與 標(biāo)簽之間插入的內(nèi)容是提供給不支持 video 元素的瀏覽器顯示的。

video 元素支持多個source 元素. 元素可以鏈接不同的視頻文件。瀏覽器將使用第一個可識別的格式（ MP4, WebM, 和 Ogg）

“html5是第幾次修改”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！