首頁 > 文章 > web前端 > html5是第五次修改嗎

html5是第五次修改嗎

青灯夜游原創: 2022-01-18 10:34:171336瀏覽

html5是第五次修改。 HTML5是HTML標準的第五次修訂，其主要的目標是將網路語義化，以便更好地被人類和機器閱讀，並同時提供更好地支援各種媒體的嵌入；HTML5的語法是向後相容的.

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。

HTML5 的改進

#新元素
新屬性
完全支援CSS3
Video 和Audio
2D/3D 製圖
#本機儲存
本機SQL 資料
#Web 應用程式

##新增元素與屬性

1、語意標籤

　　語意化標籤使得頁面的內容結構化，見名知義

# 標籤描述# 23bfccf8e44978cba95106989e8290e9ab946e7546ab66a280dd9c9f9310ecd5 定義了文檔的頭部區域 c37f8231a37e88427e62669260f0074d84122da5b51c58ef54d7045814144010 定義了文件的尾部區域< ;nav>44f9630a3d507ae7532760da37622b0f定義文件的導覽 2f8332c8dcfd5c7dec030a070bf652c34d7ab0de9a42de71c682b0860bad1410# 定義文件中的節（section、區段） 23c3de37f2f9ebcb477c4a90aac6fffd7618f95bdc39e398f223d37049478af1 定義頁面獨立的內容區域 #15221ee8cba27fc1d7a26c47a001eb9bb68cffaf0006380b7e39ea0c3d532826#定義頁面的側邊欄內容beb511a96a5aab3e931614dde36c9a0474bab71bc346026b84f2313feafdfe04#用於描述文檔或文檔某個部分的細節631fb227578dfffda61e1fa4d04b7d25039f3e95db2a684c7b74365531eb6044標籤包含details 元素的標題a38fd2622755924ad24c0fc5f0b4d412e949bf554aab987df819ed6441bc3609定義對話框，例如提示框

2、增強型表單

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

##主要用於選取顏色#從一個日期選擇器選擇一個日期選擇日期（UTC 時間）#選擇一個日期和時間(無時區)包含e-mail 位址的輸入域選擇一個月份

輸入類型	描述
##color
date
#datetime
datetime-local
email
month
#number	##數值的輸入域
range	一定範圍內數字值的輸入域
search	用於搜尋網域
tel	#定義輸入電話號碼欄位
#time	選擇一個時間
#url	URL 位址的輸入域
week	選擇週和年

　　HTML5 也新增以下表單元素

表單元素	描述
#fc86e7b705049fc9d4fccc89a2e80ee3

元素規定輸入域的選項清單使用d5fd7aea971a85678ba271703566ebfd 元素的list 屬性與fc86e7b705049fc9d4fccc89a2e80ee3 元素的id 綁定	#aa983b9eb8086376f1f6481364a02e5a

提供驗證使用者的可靠方法#######標籤規定用於表單的金鑰對產生器欄位。 ##################be6d67dae90cc1ad6469079e163d0939#############用於不同類型的輸出#######例如計算或腳本輸出###############

HTML5 新增的表單屬性

placehoder 屬性，簡短的提示在使用者輸入值前會顯示在輸入網域上。即我們常見的輸入框預設提示，在使用者輸入後消失。
required 屬性，是一個 boolean 屬性。要求填寫的輸入域不能為空
pattern 屬性，描述了一個正規表示式用來驗證d5fd7aea971a85678ba271703566ebfd 元素的值。
min 與 max 屬性，設定元素最小值與最大值。
step 屬性，為輸入域規定合法的數字間隔。
height 和 width 屬性，用於 image 類型的 d5fd7aea971a85678ba271703566ebfd 標籤的圖像高度和寬度。
autofocus 屬性，是一個 boolean 屬性。規定在頁面載入時，網域自動地獲得焦點。
multiple 屬性，是一個 boolean 屬性。規定d5fd7aea971a85678ba271703566ebfd 元素中可選擇多個值。

HTML5 多媒體

#使用HTML5 你可以簡單的在網頁中播放影片(video)與音訊(audio ) 。

HTML5 提供了播放音訊檔案的標準，即使用b97864c2e0ef2353a16c4d64c7734e92 元素

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

#　control 屬性供新增播放、暫停和音量控制。

　在b97864c2e0ef2353a16c4d64c7734e92 與 81d2bc32cafa2076a27f10cdd878d0ab 之間你需要插入瀏覽器不支援的b97864c2e0ef2353a16c4d64c7734e92元素的提示文字。

　b97864c2e0ef2353a16c4d64c7734e92 元素允許使用多個e02da388656c3265154666b7c71a8ddc 元素. e02da388656c3265154666b7c71a8ddc 元素可以連結不同的音訊文件，瀏覽器將使用第一個支援的音訊檔案

目前, b97864c2e0ef2353a16c4d64c7734e92元素支援三種音訊格式檔案: 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是第五次修改嗎

HTML5 的改進

相關文章