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新增的那些功能和特性介紹

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

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

1、 解決了跨瀏覽器問(wèn)題

在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語(yǔ)言從1.0到5.0經(jīng)歷了巨大的變化,從單一的文本顯示功能到圖文并茂的多媒體顯示功能,許多特性經(jīng)過(guò)多年的完善,已經(jīng)發(fā)展成為一種非常重要的標(biāo)記語(yǔ)言。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)先為原則的,一旦遇到無(wú)法解決的沖突時(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ì),但是分離的并不徹底。為了避免可訪問(wèn)性差、代碼高復(fù)雜度、文件過(guò)大等問(wèn)題,HTML5規(guī)范中更細(xì)致、清晰地分離了表現(xiàn)和內(nèi)容。但是考慮到HTML5的兼容性問(wèn)題,一些陳舊的表現(xiàn)和內(nèi)容的代碼還是可以兼容使用的。

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

作為當(dāng)下流行的通用標(biāo)記語(yǔ)言,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ī)范說(shuō)明,不允許有任何的歧義和模糊出現(xiàn)。

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

    關(guān)注

    0

    文章

    2

    瀏覽量

    7627
  • HTML5
    +關(guān)注

    關(guān)注

    0

    文章

    73

    瀏覽量

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

    關(guān)注

    0

    文章

    18

    瀏覽量

    2518
收藏 人收藏

    評(píng)論

    相關(guān)推薦

    SOLIDWORKS 2025設(shè)計(jì)新增功能

    SOLIDWORKS 2025的發(fā)布為設(shè)計(jì)領(lǐng)域注入了新的活力,其新增功能不僅提升了設(shè)計(jì)效率,還增強(qiáng)了協(xié)作和數(shù)據(jù)管理的能力
    的頭像 發(fā)表于 12-20 17:13 ?156次閱讀

    SOLIDWORKS 2025引入了多項(xiàng)新增工具和增強(qiáng)功能

    在工程設(shè)計(jì)領(lǐng)域,SOLIDWORKS一直以其強(qiáng)大的功能和靈活的操作性贏得了廣泛的認(rèn)可。隨著SOLIDWORKS 2025版本的發(fā)布,這款三維CAD設(shè)計(jì)軟件再次以一系列令人矚目的新增工具和增強(qiáng)功能,為全球設(shè)計(jì)師和工程師們帶來(lái)了設(shè)計(jì)
    的頭像 發(fā)表于 12-17 15:23 ?134次閱讀

    ChatGPT新增實(shí)時(shí)搜索與高級(jí)語(yǔ)音功能

    在OpenAI的第八天技術(shù)分享直播中,ChatGPT的搜索功能迎來(lái)了重大更新。此次更新不僅豐富了ChatGPT的功能體系,更提升了其實(shí)用性和競(jìng)爭(zhēng)力。 新增的實(shí)時(shí)搜索功能,是此次更新的亮
    的頭像 發(fā)表于 12-17 14:08 ?175次閱讀

    SOLIDWORKS 2025新增功能介紹

    在工程設(shè)計(jì)領(lǐng)域,SOLIDWORKS一直是創(chuàng)新的代名詞,其不斷推出的新版本總能帶給用戶驚喜。2025年的SOLIDWORKS再次不負(fù)眾望,帶來(lái)了一系列令人矚目的新增功能,旨在提升設(shè)計(jì)效率、增強(qiáng)用戶體驗(yàn),并推動(dòng)工程設(shè)計(jì)的邊界。
    的頭像 發(fā)表于 11-21 13:56 ?173次閱讀

    HyperLynx 2409的新增部分功能

    在《HyperLynx 2409丨新一代電子系統(tǒng)設(shè)計(jì)的革新之旅(上)》中,我們介紹了HyperLynx 2409的新增部分。接下來(lái),我們將繼續(xù)深入探討這些新功能如何幫助設(shè)計(jì)人員更有效地識(shí)別和解決潛在問(wèn)題,從而優(yōu)化設(shè)計(jì)流程,確保產(chǎn)
    的頭像 發(fā)表于 11-12 11:11 ?431次閱讀

    HyperLynx 2409新增功能和改進(jìn)功能

    作為HyperLynx Schematic Analysis加入HyperLynx系列;Xpedition AMS即將作為HyperLynx AMS加入HyperLynx系列。我們的產(chǎn)品一如既往地出色,并具有以下新增功能和改進(jìn)功能
    的頭像 發(fā)表于 11-04 11:15 ?401次閱讀

    蘋果推出iOS 18.1,新增5G功能

    10月30日訊,蘋果公司近期正式推出了iOS 18.1版本更新,其中一項(xiàng)備受關(guān)注的新功能5G消息功能。該功能打破了平臺(tái)限制,使得蘋果與安卓設(shè)備用戶能夠輕松互發(fā)包含高清圖片、視頻、實(shí)時(shí)
    的頭像 發(fā)表于 10-30 14:38 ?501次閱讀

    京準(zhǔn)時(shí)鐘科普:關(guān)于北斗衛(wèi)星同步時(shí)鐘的那些事?

    京準(zhǔn)時(shí)鐘科普:關(guān)于北斗衛(wèi)星同步時(shí)鐘的那些事?
    的頭像 發(fā)表于 10-29 09:28 ?294次閱讀
    京準(zhǔn)時(shí)鐘科普:<b class='flag-5'>關(guān)于</b>北斗衛(wèi)星同步時(shí)鐘的<b class='flag-5'>那些</b>事?

    Xilinx ZYNQ 7000系列SoC的功能特性

    本文介紹下Xilinx ZYNQ 7000系列SoC的功能特性、資源特性、封裝兼容性以及如何訂購(gòu)器件。
    的頭像 發(fā)表于 10-24 15:04 ?746次閱讀
    Xilinx ZYNQ 7000系列SoC的<b class='flag-5'>功能</b><b class='flag-5'>特性</b>

    傳感器的動(dòng)態(tài)特性和靜態(tài)特性參數(shù)介紹

    傳感器的特性可以分為靜態(tài)特性和動(dòng)態(tài)特性兩大類,這兩類特性分別描述了傳感器在不同輸入條件下的輸出響應(yīng)特點(diǎn)。下面將詳細(xì)介紹這兩類
    的頭像 發(fā)表于 09-29 16:24 ?2234次閱讀

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

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

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

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

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

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

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

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

    焊接電源特性有哪些?分別表征電源的那些特性?

    焊接電源是指用來(lái)提供焊接過(guò)程中所需的電能和電壓的設(shè)備。它的特性決定了焊接質(zhì)量和效果,因此對(duì)于焊接工藝的選擇和控制起著至關(guān)重要的作用。以下是焊接電源的主要特性和其表征的內(nèi)容。 輸出電流特性:輸出電流
    的頭像 發(fā)表于 02-27 11:38 ?2295次閱讀