html5是第幾次修改

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

成都創(chuàng)新互聯(lián)是一家網(wǎng)站設(shè)計制作、網(wǎng)站設(shè)計，提供網(wǎng)頁設(shè)計，網(wǎng)站設(shè)計，網(wǎng)站制作，建網(wǎng)站，按需網(wǎng)站策劃，網(wǎng)站開發(fā)公司，從2013年成立是互聯(lián)行業(yè)建設(shè)者，服務(wù)者。以提升客戶品牌價值為核心業(yè)務(wù)，全程參與項目的網(wǎng)站策劃設(shè)計制作，前端開發(fā)，后臺程序制作以及后期項目運營并提出專業(yè)建議和思路。

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 的語法是向后兼容的。現(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 的改進(jìn)

• 新元素

• 新屬性

• 完全支持 CSS3

• Video 和 Audio

• 2D/3D 制圖

• 本地存儲

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

• Web 應(yīng)用

新增元素和屬性

1、語義標(biāo)簽

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

標(biāo)簽	描述
<hrader></header>	定義了文檔的頭部區(qū)域
<footer></footer>	定義了文檔的尾部區(qū)域
<nav></nav>	定義文檔的導(dǎo)航
<section></section>	定義文檔中的節(jié)（section、區(qū)段）
<article></article>	定義頁面獨立的內(nèi)容區(qū)域
<aside></aside>	定義頁面的側(cè)邊欄內(nèi)容
<detailes></detailes>	用于描述文檔或文檔某個部分的細(xì)節(jié)
<summary></summary>	標(biāo)簽包含 details 元素的標(biāo)題
<dialog></dialog>	定義對話框，比如提示框

2、增強型表單

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

輸入類型	描述
color	主要用于選取顏色
date	從一個日期選擇器選擇一個日期
datetime	選擇一個日期（UTC 時間）
datetime-local	選擇一個日期和時間 (無時區(qū))
email	包含 e-mail 地址的輸入域
month	選擇一個月份
number	數(shù)值的輸入域
range	一定范圍內(nèi)數(shù)字值的輸入域
search	用于搜索域
tel	定義輸入電話號碼字段
time	選擇一個時間
url	URL 地址的輸入域
week	選擇周和年

HTML5 也新增以下表單元素

表單元素	描述
<datalist>	元素規(guī)定輸入域的選項列表 使用 <input> 元素的 list 屬性與 <datalist> 元素的 id 綁定
<keygen>	提供一種驗證用戶的可靠方法 標(biāo)簽規(guī)定用于表單的密鑰對生成器字段。
<output>	用于不同類型的輸出 比如計算或腳本輸出

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> 元素中可選擇多個值?！?/p>

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)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！

本文標(biāo)題：html5是第幾次修改
文章鏈接：http://bm7419.com/article28/jcssjp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動網(wǎng)站建設(shè)、定制開發(fā)、網(wǎng)站排名、網(wǎng)站改版、網(wǎng)站策劃、小程序開發(fā)

廣告

聲明：本網(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)