H5 玩法你知到多少叻?

首先,HTML的全稱是超文字標記語言,是一種標記形式的計算機語言。將這種標記語言給專門的解析器,就能夠解析出一定的介面效果。瀏覽器就是專門解析這種標記語言的解析器。我們說他最終的效果是在螢幕上展示出特定的介面,那麼瀏覽器肯定要把一個個的標記轉換成內部的一種資料結構,這種資料結構便是DOM元素。比如,一個標籤在瀏覽器內部的世界中就是一個HTMLAnchorElement型別的一個例項。

一個HTML檔案就好比用超文字標記語言寫的一篇文章,文章通常是有結構的,在瀏覽器眼裡它就是DOM。DOM描述了一系列層次化的節點樹。(但這時候的DOM還是存在於瀏覽器內部是C++語言編寫的)

html5的釋出讓移動端web增添了很多新的能力,這些能力給我們帶來了很多新的玩法,不知你知道了多少呢?下面我將結合案例羅列一些自H5釋出以來出現的新玩法,給大家溫故而知新。

本文也適合大家在策劃H5活動的時候作為參考

,說不定在這兒就找到靈感了。

H5 玩法你知到多少叻?

構思H5的玩法該從何入手呢?網上的H5五花八門,其玩法大多都可以歸納到

基於感測器、基於觸控式螢幕操作、基於畫面呈現、基於內容

這四類來考慮。它們既有基於其中一類來構思玩法,又有將多個類別組合起來創造更復雜豐富的玩法

隨著歷史的發展,當人們不在滿足簡單的顯示文字,對於某些文字需要特殊強調或者給新增特殊格式的需求,慢慢的冒了出來。面對人們需要控制顯示效果的需求,最先想到的也最簡單的方式就是加標記。加一些樣式控制的標記。這時候就出現了像

這種樣式控制的標記。但是這樣一來,所有的標記就會分為兩大類:一種是說我是什麼,一種是說我怎麼顯示。這還不是大問題,標記簡單,但是瀏覽器要解析標記可就不那麼簡單了。想一想,這樣乾的話DOM也就要分成兩大類,一類屬於描述元素的DOM節點,一類屬於描述顯示效果的DOM節點。一個DOM節點可能代表一個元素,也可能是代表一種顯示效果。怎麼看都覺得彆扭呀。

最後人們決定廢棄樣式標籤,給元素標籤新增一個style特性,style特性控制元素的樣式(最初的樣式宣告語法肯定很簡單)。原來的樣式標籤的特性,現在變成了樣式特性的語法,樣式標記變成了樣式特性。

H5的出現讓移動web具備了更多的能力,使我們有更多的空間去創作和策劃。本文列舉了一些H5帶來的新能力及其帶來的玩法,指出H5的玩法構思可以基於感測器、基於觸控式螢幕操作、基於畫面呈現、基於內容來考慮,接著對這些類別下列舉的玩法從應用場景、案例方面進行介紹,意在給讀者多一些玩法上的靈感。大家在構思策劃活動時也可以翻看一下這篇文章,說不定在裡面就找到合適的參考方案了。