首頁 > 常見問題 > html5常見的新特性有哪些

html5常見的新特性有哪些

百草
發布: 2023-06-14 13:21:25
原創
5120 人瀏覽過

html5常見的新功能:1、Canvas繪圖;2、表單元素;3、語意化標籤;4、媒體元素;5、地理定位;6、拖放API;7、WebWorker;8、 WebStorage;9、WebSocket;10、SVG繪圖。 html5是最新的html標準,專門為承載豐富的 web 內容而設計的,並且無需額外插件,提供的新元素和新的 API 簡化了 web 應用程式的構建。

html5常見的新特性有哪些

本教學作業系統:windows10系統、HTML5版本、DELL G3電腦。

HTML5是什麼:

1、HTML5 是最新的 HTML 標準。

2、HTML5 是專門為承載豐富的 web 內容而設計的,並且無需額外插件。

3、HTML5 擁有新的語意、圖形以及多媒體元素。

4、HTML5 提供的新元素和新的 API 簡化了 web 應用程式的建置。

5、HTML5 是跨平台的,被設計為在不同類型的硬體(PC、平板、手機、電視機等等)之上運作。

HTML5常見的新功能:

一、Canvas元素

Canvas元素用於在網頁上繪製圖形,有多重繪製路徑、矩形、圓形、字元以及添加圖像的方法。 Canvas透過js繪製2d圖形,並逐像素進行渲染,且假若在圖片完成後進行修改,整個場景就會重新繪製。

二、表單元素

(1)新增的表單元素

:元素規定輸入域的選項列表,使用元素的list元素與元素的id綁定;

:提供檢驗使用者可靠的方法,標籤規定用於表單的金鑰對產生器字段;

:用於不使用類型的輸出,例如計算或腳本輸出。

(2)新增的表單屬性

placehoder屬性:簡短的提示在使用者輸入值前會顯示在輸入網域上,既預設框提示;

required屬性:是boolean屬性,要求填寫的輸入域不為空;

pattern屬性:描述了一個正規表示式用於驗證元素的值;

##max/ min屬性:最大最小值;

step屬性:為輸入域規定合法的數字間隔;

height/width屬性:用於image類型的標籤的圖像高度和寬度;

autofocus屬性:是一個boolean屬性,在頁面載入時自動取得焦點;

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

三、語意化標籤

語意化標籤既是讓標籤有自己的意義,語意化標籤的優點:(1)讓介面的程式碼結構清晰,方便程式碼的閱讀和團隊的合作開發;(2)方便其他裝置解析(如螢幕閱讀器、盲人閱讀器、行動裝置)以語義的方式來渲染網頁;(3)有利於搜尋引擎優化(SEO)。

四、媒體元素

播放音訊檔案的元素
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板