常企業在咨詢網站建設時,網站建設公司的商務都會把網站流程和前期需要準備的資料,更會詳細的介紹一下H5網頁制作的一些優勢和趨勢。
其實H5是指第5代HTML網頁技術,HTML5是目前互聯網前端開發的主流語言,HTML5的web頁面和傳統的網頁界面比起來,最大的差別就是HTML5頁面能適配不同尺寸的移動設備正常大小查看,支持市場上不同瀏覽器的兼容。
普通的網頁制作切片采用是table布局,現在HTML5頁面制作采用的是DIV+CSS布局方式。除此之外,HTML5還增加了很多新功能,包括全新的解析規則、淘汰一系列過時或冗余的屬性、離線編輯、拖放功能、新增SQL數據庫通用標準、多用途互聯網郵件擴展(MIME)和協議處理程序注冊。
HTML5技術的出現,讓網站變得更加靈動提供了可能性。松一設計(www.songyi.net)現在建設的網站全都是基于HTML5技術開發的,用戶可隨意在單頁面中插入各種視頻、音樂、圖片等多媒體元素,網站的加載速度絲毫不受影響。此外,HTML5網站對搜索引擎友好,極大地方便了網站的收錄。
在快速發展的互聯網時代,移動端市場已經占據了主導位置,H5網站建設是企業在互聯網宣傳中的一次改革,抓住市場方向,才能為個企業帶來利益。
轉載請加上原文地址:http://www.songyi.net/news/978.html 謝謝
多初學前端開發的同學都不太清楚HTML5和Web的區別和聯系,本文小編就和大家一起來把這個問題解決。
1、什么是HTML5?
HTML5其實是一種技術的集合,它包括了HTML5,CSS3,JS等技術。而Web前端則是一種職業,國內從2005年開始發展的,是由網頁設計師演變過來的。如果從技術上說,Web前端涉及到的技術有很多,包括HTML5,除此之外還有JSON,AJAX,DOM等。不過這也看具體的公司吧,不同的公司對WEB前端開發人員的技術要求也不一樣。
2、什么是Web前端?
再傳統規的意義上來講,網站是分為前端和后端的,前端就是我們俗稱的頁面以及我們經??吹降母鞣N展示效果,后端則是管理按照理解來講后臺主要是指管理、更新、維護網站的后臺。
百度百科是這樣定義的:主要職責是利用(X)HTML/CSS/Java/Flash等各種Web技術進行客戶端產品的開發。完成客戶端程序(也就是瀏覽器端)的開發,開發Java以及Flash模塊,同時結合后臺開發技術模擬整體效果,進行豐富互聯網的Web開發,致力于通過技術改善用戶體驗。
通常意義上來講,Web前端工程師,不僅要會開發而且還要會移動開發。也就是說,我們學習Web 的時候也是需要學習HTML5技術的。據了解,現在企業招聘的用人標準都是會包含會HTML5開發這一條。
就是說HTML5與Web前端技術他們是一種從屬的關系,HTML5是屬于前端Web開發的一部分,但Web開發所包含的技術就很廣闊了。除了HTML5還需要學習其他的技術如:CSS、div、Java、jQuery、網站性能優化、SEO、PHP基礎和服務器端的基礎知識。
么理解H5與小程序這兩種不同的載體?這篇文章里,作者嘗試從產品經理角度對二者做了分析解讀,一起來看看,或許可以幫你更好地理清這兩個概念。
今天與大家聊聊H5和小程序。還記得小吳在剛成為產品經理時,經常會聽到技術同學甚至設計同學提到“這是個H5”、“用H5做就行了”之類的話,但那時的我并不理解H5是個什么東西,聽起來覺得很高大上,但實際上總覺得H5與優惠、活動、打折掛鉤,而且看上去千篇一律,辨識度很高。
H5和小程序是兩種不同的產品形態的載體,而且是當下比較流行的兩種技術解決方案。以下是小吳用文心一言4.0生成的對H5和小程序的本質與技術原理的解讀:
HTML5,通常稱為H5,是最新的HTML標準。它的核心優勢在于跨平臺性。無論是在桌面還是移動設備上,只要有瀏覽器,H5應用就可以運行。技術上,H5依賴于瀏覽器作為其運行環境,通過HTML、CSS和JavaScript等語言實現頁面布局、樣式設計和交互邏輯。
小程序,則是一種不需要下載安裝即可使用的應用,它實現了“觸手可及”的輕量級體驗。小程序通常依托于大型平臺(如微信、支付寶)的生態系統,運行在這些平臺的專門環境中。它們通過各自的開發框架,允許開發者快速構建應用。
相信大家看得一頭霧水,小吳用稍微簡單一點的表達方式再和大家解釋一下。
簡單來說,H5(HTML5)是一種制作網頁的標準,它就像是網頁的“建筑材料”,包含了文本、圖片、視頻和各種互動元素的排版和設計,也就是說H5就是一個網頁。
正常來說我們使用百度、谷歌等瀏覽器上網,訪問的都是一個個網頁,也就是說,只要你的設備上有瀏覽器,就可以訪問H5頁面。想象一下,如果每次要看一篇新聞或購物就需要先下載一個程序,是不是很麻煩?而且現在的APP想體驗服務都得注冊、登錄、輸入驗證碼,但H5就解決了這個問題,你直接在瀏覽器上打開網頁,無需下載安裝任何額外的應用,就可以享受其服務。
再來想像這樣一種場景,如果沒有H5,你想告訴你的朋友“年貨節開始啦,快去囤貨吧,打折力度真的好大”,恐怕你只能通過微信等其他聯系方式告知你的朋友,然后你的朋友還得下載京東或淘寶去享受年貨節。有了H5以后,京東等電商平臺都會將自己的促銷活動做成H5頁面的形式,這樣一來,你就可以將這個H5頁面分享給你的朋友,而你的朋友只需要點擊進去,就可以參與到這個活動當中。
所以H5頁面是可以通過鏈接分享的,這就像分享一個有趣的故事一樣簡單,用戶可以通過社交媒體、消息類應用輕松分享。
而小程序大家可以想象成一個迷你版的應用,它通常嵌入在像微信或支付寶這樣的大型應用中。使用小程序時,你不需要像普通應用那樣去應用商店下載,只需在微信或支付寶里搜索或掃碼就可以直接使用。比方說支付寶的螞蟻森林,微信的同城旅行買火車票,都是支付寶、微信生態下的小程序。
接下來我們來聊聊H5和小程序的區別,以及為什么有的業務選擇H5開發,而有些業務選擇基于小程序開發。
首先從運行環境的差異角度來說,我們經常從微信里點了一個鏈接分享,然后解析出來是一個商城的優惠活動,這基本上都是H5頁面。但我們應該沒在微信里面用過螞蟻森林或者其他支付寶系的小程序吧。這是因為它的核心優勢在于跨平臺性。無論是在桌面還是移動設備上,只要有瀏覽器,H5應用就可以運行。
而小程序則運行在特定平臺(如微信、支付寶)的專用容器中,這些容器為小程序提供了一套統一的API和界面標準。例如微信小程序的運行環境是微信應用本身,它為小程序提供了一系列微信特有的功能和接口,如微信支付、朋友圈等。這種專用環境確保了小程序在特定平臺上有更好的性能和用戶體驗,但同時也限制了它們在其他平臺上的運行。
從開發成本角度來說,H5相對來說較低一些。微信、支付寶這些互聯網巨頭都是移動互聯網時代的幸運兒,在移動互聯網時代之前,大多數朋友們都在通過電腦瀏覽器進行網上沖浪。而H5的開發依賴于傳統的Web技術棧,如HTML、CSS和JavaScript,這些技術廣泛應用且成熟,因此有大量現成的工具和框架可供使用,這些工具和框架可以顯著提升開發效率。
同時,H5項目通常只需要一套代碼即可在多個平臺上運行,這進一步減少了開發和維護的工作量。
小程序的開發則需要遵循特定平臺的開發框架和標準。例如微信小程序需要使用微信提供的開發工具和API,感興趣的各位可以搜索一下微信開放平臺。雖然這些平臺提供了一些便利的開發工具,但開發者仍需學習和適應每個平臺的特有規范和接口。此外,如果需要在多個平臺上推出小程序,開發者可能需要為每個平臺單獨開發和維護代碼,這無疑增加了工作量和成本。
雖然在開發成本方面H5要顯得比較有優勢,但是小程序的能力還是要更強大一些。如果我們把APP理解為程序,那小程序就是比程序小一點兒的程序而已,這變相地說明小程序是一種接近原生應用的技術。相較于H5,小程序能更深層次地訪問系統資源和權限。
例如小程序可以利用手機硬件(如攝像頭、GPS)、實現更豐富的功能(如掃一掃、即時支付)。這些深度整合的功能為小程序提供了更強大的能力,比如微信生態下的順豐快遞小程序,一打開就可以自動定位到我們的當前位置,此外我們也可以直接通過微信支付將快遞費轉給快遞小哥,甚至可以在小程序中直接打開我們的手機相機,進行快遞貨物的拍攝。
這些功能都是得益于小程序可以獲取我們手機的系統權限,通常我們在使用時都會收到手機的系統提示,比方說是否同意獲取相冊中全部照片,是否同意獲取當前位置等。雖然現代瀏覽器允許H5應用訪問一些設備功能,如地理位置、攝像頭等,但對于一些高級功能,如后臺運行、推送通知等,在H5應用中要么無法實現,要么實現起來較為復雜。
其實現在小程序還是很火爆的,無論是從產品開發的技術選型角度,還是從用戶體驗角度,小程序都完勝H5一籌,甚至比APP還要吃香。任何行業發展到中后期,都是幾家獨大,而群英薈萃百花齊放的場面通常是在行業初期。互聯網行業更是如此。
目前大家都知道的這幾家互聯網巨頭,都在強調所謂的生態概念。廣義來說,所謂的生態就是盡可能地覆蓋多的業務,盡可能地搶占市場以及用戶的時間,終極愿景是用戶手機里只需要安裝我的APP,就可以高度便捷化衣食住行,不再需要安裝其他APP了。
而從技術角度來理解生態,這么多的功能如何搭建在我的APP中呢?大家可以把這種生態模式理解為樂高積木,這些巨頭公司會把積木搭建方法提供給所有開發者并歡迎各位開發者來我的地盤上構建五花八門的樂高積木作品。但樂高的積木不能用在其他品牌的積木中。久而久之,樂高的積木越堆越大,這也便是生態的形成。
由于這些互聯網巨頭掌握著巨大的流量,很多互聯網公司已經將小程序業務作為主力業務,畢竟參天大樹好乘涼,寄居蟹也有流量吃。不知道在這個移動互聯網時代還會不會有新的生態出現,也不知道這種繁榮的生態下腐蝕的是不是互聯網從業者的創新能力。
最后希望這篇文章對各位有所幫助,祝各位睡個好覺。
作者:產品小吳,公眾號:產品小吳
本文由 @產品小吳 原創發布于人人都是產品經理,未經作者許可,禁止轉載。
題圖來自Unsplash,基于CC0協議。
該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。