html5是對(duì)html的第五次重大修改。html5繼承了html所有的語(yǔ)法，所以html5與html的差異是以下這些html5的新特性：
讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來(lái)自于我們對(duì)這個(gè)行業(yè)的熱愛(ài)。我們立志把好的技術(shù)通過(guò)有效、簡(jiǎn)單的方式提供給客戶，將通過(guò)不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長(zhǎng)期合作伙伴，公司提供的服務(wù)項(xiàng)目有：域名申請(qǐng)、網(wǎng)頁(yè)空間、營(yíng)銷軟件、網(wǎng)站建設(shè)、高陽(yáng)網(wǎng)站維護(hù)、網(wǎng)站推廣。
1、語(yǔ)義特性
HTML5賦予網(wǎng)頁(yè)更好的意義和結(jié)構(gòu)。更加豐富的標(biāo)簽將隨著對(duì)RDFa的，微數(shù)據(jù)與微格式等方面的支持，構(gòu)建對(duì)程序、對(duì)用戶都更有價(jià)值的數(shù)據(jù)驅(qū)動(dòng)的Web。
2、本地存儲(chǔ)特性
基于HTML5開(kāi)發(fā)的網(wǎng)頁(yè)APP擁有更短的啟動(dòng)時(shí)間，更快的聯(lián)網(wǎng)速度，這些全得益于HTML5 APP Cache，以及本地存儲(chǔ)功能。
3、設(shè)備兼容特性
從Geolocation功能的API文檔公開(kāi)以來(lái)，HTML5為網(wǎng)頁(yè)應(yīng)用開(kāi)發(fā)者們提供了更多功能上的優(yōu)化選擇，帶來(lái)了更多體驗(yàn)功能的優(yōu)勢(shì)。HTML5提供了前所未有的數(shù)據(jù)與應(yīng)用接入開(kāi)放接口。使外部應(yīng)用可以直接與瀏覽器內(nèi)部的數(shù)據(jù)直接相連，例如視頻影音可直接與microphones及攝像頭相聯(lián)。
4、連接特性
更有效的連接工作效率，使得基于頁(yè)面的實(shí)時(shí)聊天，更快速的網(wǎng)頁(yè)游戲體驗(yàn)，更優(yōu)化的在線交流得到了實(shí)現(xiàn)。HTML5擁有更有效的服務(wù)器推送技術(shù)，Server-Sent Event和WebSockets就是其中的兩個(gè)特性，這兩個(gè)特性能夠幫助我們實(shí)現(xiàn)服務(wù)器將數(shù)據(jù)推送到客戶端的功能。
5、網(wǎng)頁(yè)多媒體特性
支持網(wǎng)頁(yè)端的Audio、Video等多媒體功能， 與網(wǎng)站自帶的APPS，攝像頭，影音功能相得益彰。
6、三維、圖形及特效特性
基于SVG、Canvas、WebGL及CSS3的3D功能，用戶會(huì)驚嘆于在瀏覽器中，所呈現(xiàn)的驚人視覺(jué)效果。
7、性能與集成特性
沒(méi)有用戶會(huì)永遠(yuǎn)等待你的Loading。HTML5會(huì)通過(guò)XMLHttpRequest2等技術(shù)，解決以前的跨域等問(wèn)題，幫助您的Web應(yīng)用和網(wǎng)站在多樣化的環(huán)境中更快速的工作。
8、CSS3特性
在不犧牲性能和語(yǔ)義結(jié)構(gòu)的前提下，CSS3中提供了更多的風(fēng)格和更強(qiáng)的效果。此外，較之以前的Web排版，Web的開(kāi)放字體格式也提供了更高的靈活性和控制性。
擴(kuò)展資料：
HTML5的優(yōu)勢(shì)：
1、提高可用性和改進(jìn)用戶的友好體驗(yàn)。
2、有幾個(gè)新的標(biāo)簽，這將有助開(kāi)發(fā)人員定義重要的內(nèi)容。
3、可以給站點(diǎn)帶來(lái)更多的多媒體元素(視頻和音頻)。
4、可以很好的替代FLASH和Silverlight。
5、當(dāng)涉及到網(wǎng)站的抓取和索引的時(shí)候，對(duì)于SEO很友好。
6、將被大量應(yīng)用于移動(dòng)應(yīng)用程序和游戲。
參考資料來(lái)源：百度百科-html5
HTML的全稱是超文本標(biāo)記語(yǔ)言，是一種標(biāo)記語(yǔ)言。它包括一系列標(biāo)簽，可以統(tǒng)一網(wǎng)絡(luò)上文檔的格式，將分散的互聯(lián)網(wǎng)資源連接成一個(gè)邏輯整體。HTML是由HTML命令組成的描述性文本，可以解釋文字、圖形、動(dòng)畫(huà)、聲音、表格、鏈接等。Html是一種用來(lái)描述網(wǎng)頁(yè)的語(yǔ)言。它被稱為超文本標(biāo)記語(yǔ)言，它是一種標(biāo)記語(yǔ)言。它包括一系列標(biāo)簽，可以統(tǒng)一網(wǎng)絡(luò)上文檔的格式，將分散的互聯(lián)網(wǎng)資源連接成一個(gè)邏輯整體。
HTML5是HTML的一個(gè)新版本。HTML 不是一種編程語(yǔ)言，而是一種標(biāo)記語(yǔ)言 (markup language)。HTML5是萬(wàn)維網(wǎng)的核心語(yǔ)言、標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用超文本標(biāo)記語(yǔ)言(HTML)的第五次重大修改。
HTML5特性1.語(yǔ)義特性(Class：Semantic)HTML5賦予網(wǎng)頁(yè)更好的意義和結(jié)構(gòu)。更加豐富的標(biāo)簽將隨著對(duì)RDFa的，微數(shù)據(jù)與微格式等方面的支持，構(gòu)建對(duì)程序、對(duì)用戶都更有價(jià)值的數(shù)據(jù)驅(qū)動(dòng)的Web。
2.本地存儲(chǔ)特性(Class: OFFLINE STORAGE)基于HTML5開(kāi)發(fā)的網(wǎng)頁(yè)APP擁有更短的啟動(dòng)時(shí)間，更快的聯(lián)網(wǎng)速度，這些全得益于HTML5 APP Cache，以及本地存儲(chǔ)功能。Indexed DB(HTML5本地存儲(chǔ)最重要的技術(shù)之一)和API說(shuō)明文檔。
3.設(shè)備兼容特性 (Class: DEVICE ACCESS)從Geolocation功能的API文檔公開(kāi)以來(lái)，HTML5為網(wǎng)頁(yè)應(yīng)用開(kāi)發(fā)者們提供了更多功能上的優(yōu)化選擇，帶來(lái)了更多體驗(yàn)功能的優(yōu)勢(shì)。HTML5提供了前所未有的數(shù)據(jù)與應(yīng)用接入開(kāi)放接口。使外部應(yīng)用可以直接與瀏覽器內(nèi)部的數(shù)據(jù)直接相連，例如視頻影音可直接與microphones及攝像頭相聯(lián)。
4.連接特性(Class: CONNECTIVITY)更有效的連接工作效率，使得基于頁(yè)面的實(shí)時(shí)聊天，更快速的網(wǎng)頁(yè)游戲體驗(yàn)，更優(yōu)化的在線交流得到了實(shí)現(xiàn)。HTML5擁有更有效的服務(wù)器推送技術(shù)，Server-Sent Event和WebSockets就是其中的兩個(gè)特性，這兩個(gè)特性能夠幫助我們實(shí)現(xiàn)服務(wù)器將數(shù)據(jù)“推送”到客戶端的功能。
5.網(wǎng)頁(yè)多媒體特性(Class: MULTIMEDIA)支持網(wǎng)頁(yè)端的Audio、Video等多媒體功能， 與網(wǎng)站自帶的APPS，攝像頭，影音功能相得益彰。
6.三維、圖形及特效特性(Class: 3D, Graphics Effects)基于SVG、Canvas、WebGL及CSS3的3D功能，用戶會(huì)驚嘆于在瀏覽器中，所呈現(xiàn)的驚人視覺(jué)效果。
7.性能與集成特性(Class: Performance Integration)沒(méi)有用戶會(huì)永遠(yuǎn)等待Loading——HTML5會(huì)通過(guò)XMLHttpRequest2等技術(shù)，解決以前的跨域等問(wèn)題，幫助您的Web應(yīng)用和網(wǎng)站在多樣化的環(huán)境中更快速的工作。
8.CSS3特性(Class: CSS3)在不犧牲性能和語(yǔ)義結(jié)構(gòu)的前提下，CSS3中提供了更多的風(fēng)格和更強(qiáng)的效果。此外，較之以前的Web排版，Web的開(kāi)放字體格式(WOFF)也提供了更高的靈活性和控制性。
以往的網(wǎng)站都是基于模板風(fēng)格，單一的網(wǎng)站設(shè)計(jì)無(wú)法體現(xiàn)網(wǎng)站的獨(dú)特性或企業(yè)形象。因此，企業(yè)的需求相對(duì)單一。HTML網(wǎng)頁(yè)的設(shè)計(jì)一直沒(méi)有引起足夠的重視。div甚至表格似乎都使用CSS來(lái)幫助定位圖像，因此您可以在Web頁(yè)面上保存內(nèi)容。
1、html5技術(shù)的作用——更好的場(chǎng)地結(jié)構(gòu)布局
在看到設(shè)計(jì)效果后，我們應(yīng)該多思考，多觀察，多分析?？蚣芤?guī)劃結(jié)構(gòu)完成后，編寫(xiě)開(kāi)發(fā)代碼。合理使用模塊化開(kāi)發(fā)在整體和擴(kuò)展維護(hù)方面都具有相當(dāng)大的優(yōu)勢(shì)。
2、html5技術(shù)的作用——優(yōu)雅的代碼結(jié)構(gòu)
正確使用標(biāo)簽、良好的評(píng)論、清晰的代碼結(jié)構(gòu)和準(zhǔn)確的CSS不僅能欣賞web藝術(shù)，還能降低下游協(xié)作開(kāi)發(fā)的成本。HTML5提供了更豐富的語(yǔ)義標(biāo)簽，等待著網(wǎng)絡(luò)先鋒們將其解放給更多的技術(shù)人員。
3、html5技術(shù)的作用——有更多的潛力
HTML5時(shí)代為發(fā)現(xiàn)創(chuàng)造了更多的機(jī)會(huì)。HTML5為技術(shù)人員提供了豐富的JS和API接口來(lái)學(xué)習(xí)和發(fā)現(xiàn)。
隨著4G服務(wù)的普及和ie瀏覽器的升級(jí)，以及不同層次的人們對(duì)網(wǎng)站建設(shè)的要求，網(wǎng)站設(shè)計(jì)風(fēng)格越來(lái)越個(gè)性化、專業(yè)化和創(chuàng)新性。隨著交互的日益復(fù)雜、Ajax應(yīng)用和瀏覽器的升級(jí)，Web設(shè)計(jì)越來(lái)越受到人們的關(guān)注。
總之，html5技術(shù)的作用使網(wǎng)頁(yè)設(shè)計(jì)進(jìn)入了一個(gè)更好的時(shí)代。網(wǎng)站不僅能滿足單一需求，而且更加多元化，展示企業(yè)形象，有利于企業(yè)的發(fā)展，更好地展示企業(yè)的實(shí)力和技術(shù)。想知道更多關(guān)于ui設(shè)計(jì)的設(shè)計(jì)素材與技巧，可以點(diǎn)擊本站其他文章進(jìn)行學(xué)習(xí)。
一、指代不同
1、html5：是Web中核心語(yǔ)言HTML的規(guī)范。
2、html：稱為超文本標(biāo)記語(yǔ)言，是一種標(biāo)識(shí)性的語(yǔ)言。
二、特點(diǎn)不同
1、html5：用戶使用任何手段進(jìn)行網(wǎng)頁(yè)瀏覽時(shí)看到的內(nèi)容原本都是HTML格式的，在瀏覽器中通過(guò)一些技術(shù)處理將其轉(zhuǎn)換成為了可識(shí)別的信息。
2、html：包括一系列標(biāo)簽．通過(guò)這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個(gè)邏輯整體。
三、構(gòu)成不同
1、html5：?由不同的技術(shù)構(gòu)成，其在互聯(lián)網(wǎng)中得到了非常廣泛的應(yīng)用，提供更多增強(qiáng)網(wǎng)絡(luò)應(yīng)用的標(biāo)準(zhǔn)機(jī)
2、html：是由HTML命令組成的描述性文本，HTML命令可以說(shuō)明文字，圖形、動(dòng)畫(huà)、聲音、表格、鏈接等。
參考資料來(lái)源：百度百科-html5
參考資料來(lái)源：百度百科-HTML
一、首先從功能與設(shè)計(jì)目標(biāo)來(lái)看， H5專網(wǎng)頁(yè)主要有以下4大類型：
1.活動(dòng)運(yùn)營(yíng)型
為活動(dòng)推廣運(yùn)營(yíng)而打造的H5頁(yè)面是最常見(jiàn)的類型，形式多變，包括游戲、邀請(qǐng)函、賀卡、測(cè)試題等形式。與以往簡(jiǎn)單的靜態(tài)廣告圖片傳播不同，如今的H5活動(dòng)運(yùn)營(yíng)頁(yè)需要有更強(qiáng)的互動(dòng)、更高質(zhì)量、更具話題性的設(shè)計(jì)來(lái)促成用戶分享傳播。從進(jìn)入微信H5頁(yè)面到最后落地到品牌App內(nèi)部，如何設(shè)計(jì)一套合適的引流路線也頗為重要。
2.品牌宣傳型
不同于講究時(shí)效性的活動(dòng)運(yùn)營(yíng)頁(yè)，品牌宣傳型H5頁(yè)面等同于一個(gè)品牌的微官網(wǎng)，更傾向于品牌形象塑造，向用戶傳達(dá)品牌的精神態(tài)度。在設(shè)計(jì)上需要運(yùn)用符合品牌氣質(zhì)的視覺(jué)語(yǔ)言，讓用戶對(duì)品牌留下深刻印象。
3.產(chǎn)品介紹型
聚焦于產(chǎn)品功能介紹，運(yùn)用H5的互動(dòng)技術(shù)優(yōu)勢(shì)盡情展示產(chǎn)品特性，吸引用戶買(mǎi)買(mǎi)買(mǎi)。
這一類型的H5頁(yè)面多見(jiàn)于汽車(chē)品牌，LEXUS NX是其中的優(yōu)秀代表案例。精致和極富質(zhì)感的建模、細(xì)膩的光效營(yíng)造出酷炫的視覺(jué)風(fēng)格。用手指跟隨光的軌跡切割畫(huà)面揭開(kāi)序幕，通過(guò)合理優(yōu)雅的觸碰、摩擦、滑動(dòng)等互動(dòng)形式帶領(lǐng)用戶一同探索產(chǎn)品的7大特性，宏觀和微觀都照顧周全。
4.總結(jié)報(bào)告型
自從支付寶的十年賬單引發(fā)熱議后，各大企業(yè)的年終總結(jié)現(xiàn)也熱衷于用H5技術(shù)實(shí)現(xiàn)，優(yōu)秀的互動(dòng)體驗(yàn)令原本乏味的總結(jié)報(bào)告有趣生動(dòng)了起來(lái)。
二．形式為功能服務(wù)
在確定了專題頁(yè)的功能目標(biāo)之后，接下來(lái)就是關(guān)鍵的設(shè)計(jì)階段了。如何有的放矢地進(jìn)行設(shè)計(jì)，需要考慮到具體的應(yīng)用場(chǎng)景和傳播對(duì)象，從用戶角度出發(fā)去思考什么樣的頁(yè)面是用戶最想看的最會(huì)去分享的。
1.簡(jiǎn)單圖文
簡(jiǎn)單圖文是早期最典型的H5專題頁(yè)形式?！皥D”的形式千變?nèi)f化，可以是照片、插畫(huà)、GIF等。通過(guò)翻頁(yè)等簡(jiǎn)單的交互操作，起到類似幻燈片的傳播效果?？简?yàn)的是高質(zhì)量的內(nèi)容本身和講故事的能力。
2.禮物/賀卡/邀請(qǐng)函
每個(gè)人都喜歡收到禮物的感覺(jué)，抓住這一心理，品牌推出了各種H5形式的禮物、賀卡、邀請(qǐng)函，通過(guò)提升用戶好感度來(lái)潛移默化地達(dá)到品牌宣傳的目的。既然是禮物，那創(chuàng)意和制作便是重要的加分項(xiàng)。
3.問(wèn)答/評(píng)分/測(cè)試
問(wèn)答形式的H5頁(yè)面也屢見(jiàn)不鮮了，利用用戶的求知欲和探索欲，一路選選選，看最后到底是什么成績(jī)。一條清晰的線索是必要的，最后到達(dá)的結(jié)果頁(yè)也需要合理不突兀，如果能輔以出彩的視覺(jué)和文案，弱化答題的枯燥感那就再好不過(guò)了。
4.游戲
從 “圍住神經(jīng)貓”、“看你有多色”等單純小游戲再到杜蕾斯“一夜N次郎”（即山寨版“別踩白塊兒”）等品牌植入式小游戲，H5游戲因?yàn)椴僮骱?jiǎn)單、競(jìng)技性強(qiáng)，一度風(fēng)靡朋友圈，但創(chuàng)意缺乏和同質(zhì)化現(xiàn)象導(dǎo)致用戶對(duì)無(wú)腦小游戲逐漸產(chǎn)生了厭倦。品牌要在游戲上做到成功傳播，需要在玩法和設(shè)計(jì)上多下點(diǎn)功夫。
三．為設(shè)計(jì)加分的4個(gè)要點(diǎn)
一個(gè)H5頁(yè)面設(shè)計(jì)品質(zhì)的出眾與否，會(huì)直接影響其傳播效果，甚至影響到用戶對(duì)品牌形象的認(rèn)知。在這里總結(jié)出以下的設(shè)計(jì)要點(diǎn)：
1.細(xì)節(jié)與統(tǒng)一
要成就高品質(zhì)的用戶體驗(yàn)，必須考慮到細(xì)節(jié)與整體的統(tǒng)一性。復(fù)古擬物的視覺(jué)風(fēng)格，那字體就不能過(guò)于現(xiàn)代；幽默調(diào)侃的調(diào)調(diào)，那文案措辭就不能過(guò)于嚴(yán)肅；打情感內(nèi)容牌的，動(dòng)效就不能過(guò)于花哨。
2.緊跟熱點(diǎn)，利用話題效應(yīng)
想要你的H5專題頁(yè)一夜爆紅，第一時(shí)間抓住熱點(diǎn)并火速上線，借機(jī)進(jìn)行品牌宣傳也不失為一條捷徑。
3.講個(gè)好故事，引發(fā)情感共鳴
不論H5的形式如何多變，有價(jià)值的內(nèi)容始終是第一位的。在有限的篇幅里，學(xué)會(huì)講故事，引發(fā)用戶的情感共鳴，將對(duì)內(nèi)容的傳播形成極大的推動(dòng)。
4.合理運(yùn)用技術(shù)，打造流暢的互動(dòng)體驗(yàn)
隨著技術(shù)的發(fā)展，如今的HTML5擁有眾多出彩的特性，讓我們能輕松實(shí)現(xiàn)繪圖、擦除、搖一搖、重力感應(yīng)、擦除、3D視圖等互動(dòng)效果。相較于塞入各種不同種類的動(dòng)效導(dǎo)致頁(yè)面混亂臃腫，我們更提倡的是合理運(yùn)用技術(shù)，用心專注于為用戶提供流暢的互動(dòng)體驗(yàn)。
結(jié)語(yǔ)
隨著手機(jī)硬件的升級(jí)、HTML5技術(shù)的發(fā)展以及微信平臺(tái)的開(kāi)放，HTML5的跨平臺(tái)、低成本、快迭代等優(yōu)勢(shì)被進(jìn)一步凸顯，這對(duì)身處于移動(dòng)互聯(lián)網(wǎng)大潮的企業(yè)主、品牌、設(shè)計(jì)師和開(kāi)發(fā)者來(lái)說(shuō)，都將是一個(gè)最好的時(shí)代。
重慶分公司
重慶分公司
