溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容介紹了“html5是第幾次修改”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！
html5是第五次修改。HTML5是對HTML標準的第五次修訂，其主要的目標是將互聯網語義化，以便更好地被人類和機器閱讀，并同時提供更好地支持各種媒體的嵌入；HTML5的語法是向后兼容的。
本教程操作環境：windows7系統、HTML5版、Dell G3電腦。
HTML5
HTML5 是對 HTML 標準的第五次修訂。其主要的目標是將互聯網語義化，以便更好地被人類和機器閱讀，并同時提供更好地支持各種媒體的嵌入。HTML5 的語法是向后兼容的。現在國內普遍說的 H5 是包括了 CSS3，JavaScript 的說法（嚴格意義上說，這么叫并不合適，但是已經這么叫開了，就將錯就錯了）。
HTML5是HTML最新的修訂版本，2014年10月由萬維網聯盟（W3C）完成標準制定。
HTML5的設計目的是為了在移動設備上支持多媒體。
HTML5 中的一些有趣的新特性：
用于繪畫的 canvas 元素。
用于媒介回放的 video 和 audio 元素
對本地離線存儲的更好的支持。
新的特殊內容元素，比如 article、footer、header、nav、section。
新的表單控件，比如 calendar、date、time、email、url、search。
新元素
新屬性
完全支持 CSS3
Video 和 Audio
2D/3D 制圖
本地存儲
本地 SQL 數據
Web 應用
新增元素和屬性
1、語義標簽
語義化標簽使得頁面的內容結構化，見名知義
| 標簽 | 描述 |
| <hrader></header> | 定義了文檔的頭部區域 |
| <footer></footer> | 定義了文檔的尾部區域 |
| <nav></nav> | 定義文檔的導航 |
| <section></section> | 定義文檔中的節（section、區段） |
| <article></article> | 定義頁面獨立的內容區域 |
| <aside></aside> | 定義頁面的側邊欄內容 |
| <detailes></detailes> | 用于描述文檔或文檔某個部分的細節 |
| <summary></summary> | 標簽包含 details 元素的標題 |
| <dialog></dialog> | 定義對話框，比如提示框 |
2、增強型表單
HTML5 擁有多個新的表單 Input 輸入類型。這些新特性提供了更好的輸入控制和驗證。
輸入類型 | 描述 |
color | 主要用于選取顏色 |
date | 從一個日期選擇器選擇一個日期 |
datetime | 選擇一個日期（UTC 時間） |
datetime-local | 選擇一個日期和時間 (無時區) |
| 包含 e-mail 地址的輸入域 | |
month | 選擇一個月份 |
number | 數值的輸入域 |
range | 一定范圍內數字值的輸入域 |
search | 用于搜索域 |
tel | 定義輸入電話號碼字段 |
time | 選擇一個時間 |
url | URL 地址的輸入域 |
week | 選擇周和年 |
HTML5 也新增以下表單元素
| 表單元素 | 描述 |
<datalist> | 元素規定輸入域的選項列表 使用 <input> 元素的 list 屬性與 <datalist> 元素的 id 綁定 |
<keygen> | 提供一種驗證用戶的可靠方法 標簽規定用于表單的密鑰對生成器字段。 |
<output> | 用于不同類型的輸出 比如計算或腳本輸出 |
HTML5 新增的表單屬性
placehoder 屬性，簡短的提示在用戶輸入值前會顯示在輸入域上。即我們常見的輸入框默認提示，在用戶輸入后消失。
required 屬性，是一個 boolean 屬性。要求填寫的輸入域不能為空
pattern 屬性，描述了一個正則表達式用于驗證<input> 元素的值。
min 和 max 屬性，設置元素最小值與最大值。
step 屬性，為輸入域規定合法的數字間隔。
height 和 width 屬性，用于 image 類型的 <input> 標簽的圖像高度和寬度。
autofocus 屬性，是一個 boolean 屬性。規定在頁面加載時，域自動地獲得焦點。
multiple 屬性 ，是一個 boolean 屬性。規定<input> 元素中可選擇多個值。
HTML5 多媒體
使用 HTML5 你可以簡單的在網頁中播放 視頻(video)與音頻 (audio) 。
HTML5 提供了播放音頻文件的標準，即使用 <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 規定了一種通過 video 元素來包含視頻的標準方法。
<video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> 您的瀏覽器不支持Video標簽。 </video>
control 提供了 播放、暫停和音量控件來控制視頻。也可以使用dom操作來控制視頻的播放暫停，如 play() 和 pause() 方法。
同時 video 元素也提供了 width 和 height 屬性控制視頻的尺寸.如果設置的高度和寬度，所需的視頻空間會在頁面加載時保留。如果沒有設置這些屬性，瀏覽器不知道大小的視頻，瀏覽器就不能再加載時保留特定的空間，頁面就會根據原始視頻的大小而改變。
與 標簽之間插入的內容是提供給不支持 video 元素的瀏覽器顯示的。
video 元素支持多個source 元素. 元素可以鏈接不同的視頻文件。瀏覽器將使用第一個可識別的格式（ MP4, WebM, 和 Ogg）
“html5是第幾次修改”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
