首頁 web前端 H5教程 HTML5的深入了解

HTML5的深入了解

Jun 03, 2017 am 10:05 AM

  HTML5的深入了解


  #H5廣告,包括H5廣告的設計流程,究竟有什麼講究,和階段。為了能幫助更多的人了解H5廣告,我特別做了一個講義。同時,也讓我意外的收到了非常好回饋和認!這是對我的極大鼓勵!我的講義內容仍然還有不少不完善和有待系統的內容。但是,我相信你在現在的互聯網上應該很難再找到像是我這種體量的帶有系統性的H5廣告講解內容了~希望能對這個行業作出微薄的貢獻!目前互聯網上最為全面的H5普及知識分享乾貨內容講義!


#  對H5的最初認知:

HTML5的深入了解


HTML5的深入了解  第一次接觸H5是玩了《看你有多色》當時很火的遊戲H5。然後在14年大概10月份,遇到了第一支設計H5的互動公司,看到了一些案例。然後很快就飛來了外單,去年也做了一些H5。

  

#  

HTML5的深入了解但是,我真正覺得這個東西不簡單是今年的年初,平常加班忙,到過年才有功夫去思考一些事兒。當我聯繫起自己的一些經歷之後,讓我有了把H5廣告喊成是未來數碼設計社會化開端的勇氣!我開始嘗試用文字和分享的方式在互聯網傳播我的觀點。然後,自己都沒想到,擴散速度之快,受歡迎程度之高!甚至還遇到了知名大公司來直接複製我文案和封面的事兒,也讓我哭笑不得、實際並不是我有多厲害,只是早幾個月知道了大家感興趣的東西而已,我和各位一樣,是普通的設計人。

  以下就正式開始咱們的分享:

HTML5的深入了解


#  H5廣告簡短介紹

  1.H5是個什麼鬼?

  廣告生活中可是太常見了~帶這個符號的東西每天都在消耗著你的時間,你的精力,甚至還有你的情感.“講平面廣告,你會想到紙張:講電視廣告你會想到tvc和創意短片講H5那?H5又是個什麼鬼東西?聽挺洋氣,一個字母加一個數字,是啥意思啊?############  ############  ###### #2.什麼是HTML?#########  想了解H5,你的先知道什麼是###html#################### ##########  HTML,全程為HyperTextMarkupLanguage,中文直意為「超級文本標記語言"從94年由萬維網(W3C)發明至今,已逐漸成為了網頁標記語言的行業規範,它是構成網頁的一種標記編寫語言,html目前也歷經了5次小大修改,直到2014年10月htm15最終定稿,現在的html5的這套規範是直接可以標記影片、聲效、甚至是可以畫畫的,之前版本的html4是要透過flash這樣的插件來完成這些指令的。 ,你就知道了,這是一則關於網頁語言程式碼的廣告。 #  ######HTML5不是媒介,你可以理解為它是串聯起所有媒介的一種可能,雖然我們現在只看到了手機朋友圈,但是,這只是個開始......## ######################  3.HTML5是怎麼演變成H5的?############  這是個順利成章的事兒,當然,要加引號的!#######

  或許就是為了好念,也許想故弄玄虛,也許是太多前線傳播者缺乏應有的知識背景,H5這個名字

  在行銷軍團的字典裡悄然出現了,並且不出半年就紅遍了全中國,還打垧了廣告行業數碼設計的先鋒旗號!

  起初程序猴們很不樂意哈~想保持htm15這個稱呼的純粹性,他們瞧不上那幫天天吹H5神話的銷售團,只是為了好賣亂起外號!

  可是,遺憾的是,隨著時間的推移,看起來更具權威性的名字變成了舊稱成為了歷史。這聽起來,好像還蠻滑稽的一那麼,這是這個時代的笑話麼?

HTML5的深入了解

  # HTML5同H5在當下已經無法畫上等號了,他們有著互相牽連的部分,也有區別


  4.H5的稱呼合適嗎?

  我們剛提到,html是縮寫,每個字幕有固定含義,你去掉三個,好念了但表意是錯的,關鍵是國際上沒這個說法!但是,你還得估計到咱國家的互聯網行業是個高歌猛進的大風口,面對不斷膨脹的需求,程式設計師是不夠用的,稀缺怎麼辦?那麼多移動端htm15的需求誰來完成?面對大勢頭,不管你是投機的還是不情願的,大量非專業出身的程式設計師充入了隊伍。被市場強推到了前線,為達到最初我們認為的htm15的效果,不擅長htm15移動端的程式設計師只好引用大量前代代碼技術來輔助表面上看起來差不多的效果,隨H5廣告需求的擴大,移動端的H5廣告也混入了大量非完全由html5編寫的案例,變成了一鍋八寶粥!就這樣,H5這個名頭悄然間代替了html5,還成為了“熱門技術詞.當然,這也是加引號的!現在,提HTML5,人家不清楚你幹嘛的一提H5,人家好像都懂了,也不知道是真明白,還是裝明白反正就是明白了!至於,什麼是htm|5,什麼是web,在乎的人實際上很少..當然,這可能也有道理,普通群眾可能是沒有興趣了解那麼多技術上的東西的,他們就想要個好記的名字而已這裡,銷售者們挺厲害的!把一個比較複雜的概念快速包裝成另外一個東西,然後很快的賣出去,雖然大家都不太知道它是個什麼東西。別人講清楚!整個行業,聽多了也就習慣了,現在業內人一聽H5,不會覺得你在說html5,而會心領神會的覺得你想講的是移動端的web網頁,當然,它包含的面是非常非常多的。在這種情況下,用H5這個名字來歸納這些因html5而起的互動廣告實際上是個沒有辦法的辦法。你要真改回來了,產業可能就更亂現在的市場背景不允許我們這麼做,想要細分,是需要一個強大的體系來支撐的,我們還沒有形成這個體系。所以說,目前H5廣告範指那些在行動端中傳播的帶有特效、互動體驗聲效的Web網頁。涵蓋範圍已超過了他最初的定義本身了「再把範圍拉大點,移動端的web網頁都是H5網頁,你甚至可以這麼去理解,可能有觀眾要拍搬磚了!這不是我說的,也不是某個組織或個人紿出的定義,已經是口耳相傳,普遍認同出來的結果了不只是廣告業、遊戲業、網路業也都用開了,這也是一個很有趣的中國特色。 H5大概就是這麼個意思。


以上是HTML5的深入了解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1663
14
CakePHP 教程
1419
52
Laravel 教程
1313
25
PHP教程
1263
29
C# 教程
1236
24
HTML 中的表格邊框 HTML 中的表格邊框 Sep 04, 2024 pm 04:49 PM

HTML 表格邊框指南。在這裡,我們以 HTML 中的表格邊框為例,討論定義表格邊框的多種方法。

HTML 中的巢狀表 HTML 中的巢狀表 Sep 04, 2024 pm 04:49 PM

這是 HTML 中巢狀表的指南。這裡我們討論如何在表中建立表格以及對應的範例。

HTML 左邊距 HTML 左邊距 Sep 04, 2024 pm 04:48 PM

HTML 左邊距指南。在這裡,我們討論 HTML margin-left 的簡要概述及其範例及其程式碼實作。

HTML 表格佈局 HTML 表格佈局 Sep 04, 2024 pm 04:54 PM

HTML 表格佈局指南。在這裡,我們詳細討論 HTML 表格佈局的值以及範例和輸出。

HTML 輸入佔位符 HTML 輸入佔位符 Sep 04, 2024 pm 04:54 PM

HTML 輸入佔位符指南。在這裡,我們討論 HTML 輸入佔位符的範例以及程式碼和輸出。

HTML 有序列表 HTML 有序列表 Sep 04, 2024 pm 04:43 PM

HTML 有序列表指南。在這裡我們也分別討論了 HTML 有序列表和類型的介紹以及它們的範例

HTML onclick 按鈕 HTML onclick 按鈕 Sep 04, 2024 pm 04:49 PM

HTML onclick 按鈕指南。這裡我們分別討論它們的介紹、工作原理、範例以及各個事件中的onclick事件。

在 HTML 中移動文字 在 HTML 中移動文字 Sep 04, 2024 pm 04:45 PM

HTML 中的文字移動指南。在這裡我們討論一下marquee標籤如何使用語法和實作範例。

See all articles