0
  • 聊天消息
  • 系統(tǒng)消息
  • 評(píng)論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會(huì)員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識(shí)你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

關(guān)于HTML5新增的那些功能和特性介紹

西西 ? 來源:黑馬程序員 ? 作者:黑馬程序員 ? 2020-05-17 10:53 ? 次閱讀

從HTML4.0、XHTML到HTML5,從某種意義上講,這是HTML描述性標(biāo)記語言的一種更加規(guī)范的過程。因此,HTML5并沒有給開發(fā)者帶來多大的沖擊。但HTML5增加了很多非常實(shí)用的新功能和新特性,下面具體介紹HTML5的一些優(yōu)勢(shì)。

1、 解決了跨瀏覽器問題

在HTML5之前,各大瀏覽器廠商為了爭(zhēng)奪市場(chǎng)占有率,會(huì)在各自的瀏覽器中增加各種各樣的功能,并且不具有統(tǒng)一的標(biāo)準(zhǔn)。使用不同的瀏覽器,常常看到不同的頁(yè)面效果。在HTML5中,納入了所有合理的擴(kuò)展功能,具備良好的跨平臺(tái)性能。針對(duì)不支持新標(biāo)簽的老式IE瀏覽器,只需簡(jiǎn)單地添加JavaScript代碼就可以使用新的元素。推薦了解黑馬程序員web前端課程。

2、新增了多個(gè)新特性

HTML語言從1.0到5.0經(jīng)歷了巨大的變化,從單一的文本顯示功能到圖文并茂的多媒體顯示功能,許多特性經(jīng)過多年的完善,已經(jīng)發(fā)展成為一種非常重要的標(biāo)記語言。HTML5新增的特性如下。

● 新的特殊內(nèi)容元素,比如header、nav、section、article、footer。

● 新的表單控件,比如calendar、date、time、email、url、search。

● 用于繪畫的canvas元素。

● 用于媒介回放的video和audio元素。

● 對(duì)本地離線存儲(chǔ)的更好支持。

● 地理位置、拖曳、攝像頭等API。

HTML5標(biāo)準(zhǔn)的制定是以用戶優(yōu)先為原則的,一旦遇到無法解決的沖突時(shí),規(guī)范會(huì)把用戶放在第一位。另外,為了增強(qiáng)HTML5的使用體驗(yàn),還加強(qiáng)了以下兩方面的設(shè)計(jì)。

● 安全機(jī)制的設(shè)計(jì)

為確保HTML5的安全,在設(shè)計(jì)HTML5時(shí)做了很多針對(duì)安全的設(shè)計(jì)。HTML5引入了一種新的基于開源的安全模型,該模型不僅易用,而且對(duì)不同的API(Application Programming Interface,應(yīng)用程序編程接口)都通用。使用這個(gè)安全模型,不需要借助于任何不安全的hack就能跨域進(jìn)行安全對(duì)話。

● 表現(xiàn)和內(nèi)容分離

表現(xiàn)和內(nèi)容分離是HTML5設(shè)計(jì)中的另一個(gè)重要內(nèi)容。實(shí)際上,表現(xiàn)和內(nèi)容的分離早在HTML4.0中就有設(shè)計(jì),但是分離的并不徹底。為了避免可訪問性差、代碼高復(fù)雜度、文件過大等問題,HTML5規(guī)范中更細(xì)致、清晰地分離了表現(xiàn)和內(nèi)容。但是考慮到HTML5的兼容性問題,一些陳舊的表現(xiàn)和內(nèi)容的代碼還是可以兼容使用的。

4. 化繁為簡(jiǎn)的優(yōu)勢(shì)

作為當(dāng)下流行的通用標(biāo)記語言,HTML5盡可能地簡(jiǎn)化,嚴(yán)格遵循了“簡(jiǎn)單至上”的原則,主要體現(xiàn)在這幾個(gè)方面:

● 新的簡(jiǎn)化的字符集聲明;

● 新的簡(jiǎn)化的DOCTYPE;

● 簡(jiǎn)單而強(qiáng)大的HTML5 API;

● 以瀏覽器原生能力替代復(fù)雜的JavaScript代碼。 為了實(shí)現(xiàn)這些簡(jiǎn)化操作,HTML5規(guī)范需要比以前更加細(xì)致、精確。為了避免造成誤解,HTML5對(duì)每一個(gè)細(xì)節(jié)都有著非常明確的規(guī)范說明,不允許有任何的歧義和模糊出現(xiàn)。

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請(qǐng)聯(lián)系本站處理。 舉報(bào)投訴
  • 黑馬
    +關(guān)注

    關(guān)注

    0

    文章

    2

    瀏覽量

    7605
  • HTML5
    +關(guān)注

    關(guān)注

    0

    文章

    73

    瀏覽量

    17321
  • WEB前端
    +關(guān)注

    關(guān)注

    0

    文章

    18

    瀏覽量

    2501
收藏 人收藏

    評(píng)論

    相關(guān)推薦

    微軟OneNote引入“便箋”功能并更改圖標(biāo)為紫色,新增搜索框

    如今,微軟官方宣布這一功能已進(jìn)入穩(wěn)定運(yùn)行階段,所有Windows用戶均可嘗試最新版本的OneNote應(yīng)用,體驗(yàn)其新增的“便箋”功能。
    的頭像 發(fā)表于 05-28 12:02 ?609次閱讀

    智能戒指Oura Ring新增測(cè)量心血管年齡與心肺功能功能

    5月10日訊,全球熱銷智能戒指品牌Oura Ring近日宣布新增功能,用戶可通過其測(cè)量心血管年齡和心肺功能,以評(píng)估心血管健康狀況并采取相應(yīng)措施。
    的頭像 發(fā)表于 05-11 11:33 ?364次閱讀

    谷歌Pixel 8將采用Gemini Nano模型,新增兩項(xiàng)AI功能

    經(jīng)谷歌披露,Pixel 8 在配備 Gemini Nano 后,首先將增加兩大創(chuàng)新 AI 功能:其中之一是 Recorder 應(yīng)用內(nèi)新增 Summarize 功能,無網(wǎng)絡(luò)情況下可記錄并歸納更多
    的頭像 發(fā)表于 03-29 15:46 ?333次閱讀

    狐安卓版將支持新標(biāo)簽頁(yè)與隱藏設(shè)置功能

    想要體驗(yàn)此新增功能,在火狐瀏覽器Nightly之中,只需操作以下步驟:設(shè)置—關(guān)于Firefox Nightly—Firefox標(biāo)志按滿5下就可啟動(dòng)。
    的頭像 發(fā)表于 03-04 14:25 ?353次閱讀

    關(guān)于射頻微機(jī)電系統(tǒng)開關(guān)的那些事兒

    關(guān)于射頻微機(jī)電系統(tǒng)開關(guān)的那些事兒
    的頭像 發(fā)表于 12-06 14:58 ?392次閱讀
    <b class='flag-5'>關(guān)于</b>射頻微機(jī)電系統(tǒng)開關(guān)的<b class='flag-5'>那些</b>事兒

    關(guān)于MLCC(多層陶瓷電容)替代Film Cap (薄膜電容)的那些

    關(guān)于MLCC(多層陶瓷電容)替代Film Cap (薄膜電容)的那些
    的頭像 發(fā)表于 12-04 17:35 ?1324次閱讀
    有<b class='flag-5'>關(guān)于</b>MLCC(多層陶瓷電容)替代Film Cap (薄膜電容)的<b class='flag-5'>那些</b>事

    placeholder是什么意思HTML

    "Placeholder"是一個(gè)HTML屬性,用于在表單輸入字段或文本框中顯示用戶輸入的示例文本。當(dāng)用戶點(diǎn)擊參考文本時(shí),它將自動(dòng)清除,以便輸入真實(shí)內(nèi)容。 在HTML中,為了改善用戶體驗(yàn)并向他們提供
    的頭像 發(fā)表于 11-30 10:31 ?4381次閱讀

    半導(dǎo)體材料特性介紹

    半導(dǎo)體材料具有一些與我們已知的導(dǎo)體、絕緣體完全不同的電學(xué)、化學(xué)和物理特性,正是由于這些特點(diǎn),使得半導(dǎo)體器件和電路具有獨(dú)特的功能。在接下來的半導(dǎo)體材料的特性這一期中,我們將對(duì)這些性質(zhì)進(jìn)行深入的探討,并將它們與原子的基礎(chǔ)、固體的電分
    的頭像 發(fā)表于 11-03 10:24 ?856次閱讀
    半導(dǎo)體材料<b class='flag-5'>特性</b><b class='flag-5'>介紹</b>

    Python3.10.0的特性介紹

    Python3.10.0有幾個(gè)特性,還真是值得和大家講講。 1. 更友好的錯(cuò)誤提示 Python 3.10以前,它是這樣提示的,你可能完全不知道哪里有問題,當(dāng)代碼過多。 print ( "Hello
    的頭像 發(fā)表于 10-31 10:43 ?358次閱讀
    Python3.10.0的<b class='flag-5'>特性</b><b class='flag-5'>介紹</b>

    超好用的開源IP地址管理系統(tǒng),告別傳統(tǒng)Excel統(tǒng)計(jì)方式!

    phpIPAM是一個(gè)開源的Web IP地址管理應(yīng)用程序(IPAM)。其目標(biāo)是提供輕松,現(xiàn)代和有用的IP地址管理。它是基于php的應(yīng)用程序,帶有MySQL數(shù)據(jù)庫(kù)后端,使用jQuery庫(kù),ajax和HTML5 / CSS3功能。
    的頭像 發(fā)表于 10-12 17:49 ?5316次閱讀
    超好用的開源IP地址管理系統(tǒng),告別傳統(tǒng)Excel統(tǒng)計(jì)方式!

    html文件轉(zhuǎn)換成pdf示例

    Java 轉(zhuǎn)換 HTML 到PDF有許多類庫(kù),今天我們介紹一下第三方免費(fèi)的類庫(kù)OpenPDF。 1. OpenPDF OpenPDF是免費(fèi)的Java類庫(kù) ,遵從LGPL 和 MPL協(xié)議,所以基本上
    的頭像 發(fā)表于 10-09 16:03 ?1317次閱讀
    將<b class='flag-5'>html</b>文件轉(zhuǎn)換成pdf示例

    快速了解最新藍(lán)牙Mesh規(guī)范的新增功能特性

    聯(lián)盟( Bluetooth SIG )最近發(fā)布新的藍(lán)牙 Mesh 規(guī)范, Silicon Labs (亦稱“芯科科技”)亦已借此機(jī)會(huì)提供全系列支持新標(biāo)準(zhǔn)的藍(lán)牙 SoC 和模塊產(chǎn)品陣容。本文將概略介紹藍(lán)牙 Mesh 的新增功能
    的頭像 發(fā)表于 10-09 15:45 ?368次閱讀
    快速了解最新藍(lán)牙Mesh規(guī)范的<b class='flag-5'>新增</b><b class='flag-5'>功能</b><b class='flag-5'>特性</b>

    何時(shí)需要實(shí)時(shí)操作系統(tǒng)?

    實(shí)時(shí)操作系統(tǒng)是使用原始圖形庫(kù),還是支持多種人機(jī)界面技術(shù)(HTML5、Qt、OpenGL ES等),并提供高級(jí)圖形功能,如多層界面、多頭顯示、加速3D渲染和真正的窗口系統(tǒng)?
    發(fā)表于 10-08 10:51 ?418次閱讀
    何時(shí)需要實(shí)時(shí)操作系統(tǒng)?

    谷歌郵箱官方宣布將于2024年1月停止支持基本HTML視圖

    版Gmail提供兩個(gè)界面:基本HTML視圖、標(biāo)準(zhǔn)視圖。停止支持HTML視圖后,當(dāng)前打開經(jīng)典模式的基本HTML視圖模式URL將自動(dòng)重定向到標(biāo)準(zhǔn)視圖界面。并且,精簡(jiǎn)后的Gmail體驗(yàn)加載速度很快 —— 它的精簡(jiǎn)
    的頭像 發(fā)表于 09-27 16:09 ?1100次閱讀

    幾種去除HTML的方法

    在我平時(shí)的工作中,偶爾會(huì)用 Java 做一些解析HTML的工作。有的時(shí)候我需要?jiǎng)h除所有的HTML標(biāo)簽,只保留純文字內(nèi)容。這個(gè)問題在做過一些爬蟲工作的朋友來說很簡(jiǎn)單。下面來說說,我們平時(shí)使用到的集中
    的頭像 發(fā)表于 09-25 15:49 ?1066次閱讀