首頁 > web前端 > 前端問答 > html5是第五次修改嗎

html5是第五次修改嗎

青灯夜游
發布: 2022-01-18 10:34:17
原創
1455 人瀏覽過

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、語意標籤

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

# 標籤 描述#  定義了文檔的頭部區域 
 定義了文件的尾部區域< ;nav>定義文件的導覽 
# 定義文件中的節(section、區段) 
 定義頁面獨立的內容區域 ##定義頁面的側邊欄內容#用於描述文檔或文檔某個部分的細節標籤包含details 元素的標題定義對話框,例如提示框

2、增強型表單

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

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

輸入類型

描述
##color

date

#datetime

datetime-local

email

month

#number
##數值的輸入域

range

一定範圍內數字值的輸入域

search

用於搜尋網域

tel

#定義輸入電話號碼欄位

#time

選擇一個時間

#url

 URL 位址的輸入域

week

選擇週和年

   HTML5 也新增以下表單元素

表單元素 描述

#

 元素規定輸入域的選項清單

使用 元素的list 屬性與 元素的id 綁定

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

HTML5 新增的表單屬性

  • placehoder 屬性,簡短的提示在使用者輸入值前會顯示在輸入網域上。即我們常見的輸入框預設提示,在使用者輸入後消失。

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

  • pattern 屬性,描述了一個正規表示式用來驗證 元素的值。

  • min 與 max 屬性,設定元素最小值與最大值。

  • step 屬性,為輸入域規定合法的數字間隔。

  • height 和 width 屬性,用於 image 類型的 標籤的圖像高度和寬度。

  • autofocus 屬性,是一個 boolean 屬性。規定在頁面載入時,網域自動地獲得焦點。

  • multiple 屬性 ,是一個 boolean 屬性。規定 元素中可選擇多個值。

HTML5 多媒體

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

  • HTML5 提供了播放音訊檔案的標準,即使用

  • ##
    <audio controls>
      <source src="horse.ogg" type="audio/ogg">
      <source src="horse.mp3" type="audio/mpeg">
    您的浏览器不支持 audio 元素。
    </audio>
    登入後複製
# control 屬性供新增播放、暫停和音量控制。

 在 之間你需要插入瀏覽器不支援的
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板