1、,手機WebApp,前言：,隨著移動終端軟硬件配置的逐步提高，其所提供的服務水平及范圍也越來越廣。不僅可以使用戶享受到原本在pc端上可以享受的應用服務，同時還能享受到移動終端所能帶來的全新體驗。由此，手機WebApp應運得到了巨大的發(fā)展。,Web app的優(yōu)點：,第一、使用W3C標準的HTML語言開發(fā)，能夠輕松實現(xiàn)跨平臺，移動應用開發(fā)者不再需要考慮復雜的底層適配和跨平臺開發(fā)語言的問題。 第二、基于當下開始普及流行的HTML5，Web App可以實現(xiàn)很多原本Native App才可以實現(xiàn)的功能，比如LBS的功能、本地數(shù)據(jù)存儲、音視頻播放的功能，甚至還有調(diào)用照相機和結(jié)合GPU的硬件加速功能。 第三

2、、移動應用的迭代周期平均不到1個月，用戶不需要頻繁的重新下載與升級。而Web App則無需用戶下載，并且和傳統(tǒng)網(wǎng)站一樣可以動態(tài)升級。 第四、Web App有App的特性，更有Web的特性。每一個Native App在當前的用戶使用場景下是相對孤立的，而Web App則可以像傳統(tǒng)互聯(lián)網(wǎng)網(wǎng)頁那樣相互鏈接，從一個Web App直接跳轉(zhuǎn)到另外一個Web App。這無論是從用戶的使用體驗層面還是從應用之間的數(shù)據(jù)傳輸來看都是非常不錯的選擇。,提問？（我們平時所接觸的手機網(wǎng)站）,蘑菇街,一個簡單的手機網(wǎng)站是如何制作出來的？,CSS3,今天我們就來簡單的了解如何利用html5+css3來制作簡單的手機頁面。,

3、淺談HTML5,HTMl5是什么？,HTML的英文全稱為Hyper Text Markup Language，即超文本標記語言。HTML5是HTML的一個新版本。 HTML5提供了一些新的元素和屬性，例如（網(wǎng)站導航塊）和。這種標簽將有利于搜索引擎的索引整理，同時更好的幫助小屏幕裝置和視障人士使用，除此之外，還為其他瀏覽要素提供了新的功能，如和標記。 一些過時的HTML4標記將被取消。其中包括純粹顯示效果的標記，如和，它們已經(jīng)被CSS取代。,Web app的優(yōu)點,新的Doctype聲明 XHTML的聲明太長了，我相信很少會有前端開發(fā)人員能手寫出這個Doctype聲明。 HTML5的Doctype

4、聲明很短，看到這個聲明相信你馬上就能記住，不用浪費腦細胞去記那長的有點變態(tài)的XHTML的Doctype聲明了。 HTML5的簡短的DOCTYPE聲明是讓Firefox、Chrome等現(xiàn)代瀏覽器和IE6/7/8等瀏覽器都進入(準)標準模式，你可能會奇怪IE6/7居然也可以支持HTML5 Doctype，事實上，IE是只要doctype符合 這種格式，都會進入標準模式。,2，去掉了Javascript和CSS標簽的type屬性,通常你會在和加上type屬性： 在HTML5中，不再需要type屬性了，因為這顯得有點多余，去掉之后可以讓代碼更為簡潔。 ,3，更有語義的header和footer,通常我

5、們都會給header和footer定義一個div，然后再添加一個id，但是在HTML5中可以直接使用和標簽，所以可以將上面的代碼改寫成： . 要注意不要將這兩個標簽和網(wǎng)站的頭部和頁腳混淆起來，它們只是代表它們的容器。 11. IE對HTML5的支持,4，標題群( hgroup),如果用h1和h2標簽分別表示網(wǎng)站的名稱和副標題，但這會讓兩個本義上密切相關的標題并沒有關聯(lián)起來。這個時候可以使用標簽將它們組合起來，這樣代碼會更有語義。,5，Mark標簽,標簽用于高亮顯示那些需要在視覺上向用戶突出其重要性的文字，包裹在此標簽里的字符串必須與用戶當前的行為相關。例如，如果我在一些博客中搜索“Open your Mind” ，我可以使用在標簽里使用JavaScript 來包裹每一次動作。,該如何正確的使用div標簽,有些人可能會有疑問，有了和等這些標簽，標簽在HTML5中還有用嗎？答案是肯定的，比如你想創(chuàng)建一個能包裹特殊內(nèi)容的容器自由靈活的肯定是首選，而你要創(chuàng)建一篇文章或者一個導航菜單，建議你使用更有語義的和標簽。,HTML