html5與網頁設計
關於HTML5的解釋簡要如下：
1、HTML5是HTML最新的修訂版本，2014年10月由萬維網聯盟（W3C）完成標准制定。目標是取代1999年所制定的HTML 4.01和XHTML 1.0標准，以期能在互聯網應用迅速發展的時候，使網路標准達到符合當代的網路需求。廣義論及HTML5時，實際指的是包括HTML、CSS和javaScript在內的一套技術組合。它希望能夠減少網頁瀏覽器對於需要插件的豐富性網路應用服務（Plug-in-Based Rich Internet Application，RIA），例如：Adobe Flash、Microsoft Silverlight與Oracle JavaFX的需求，並且提供更多能有效加強網路應用的標准集。
2、具體來說，HTML5添加了許多新的語法特徵，其中包括<video>、<audio>和<canvas>元素，同時集成了SVG內容。這些元素是為了更容易的在網頁中添加和處理多媒體和圖片內容而添加的。其它新的元素如<section>、<article>、<header>和<nav>則是為了豐富文檔的數據內容。新的屬性的添加也是為了同樣的目的。同時也有一些屬性和元素被移除掉了。一些元素，像<a>、<cite>和<menu>被修改，重新定義或標准化了。同時APIs和DOM已經成為HTML5中的基礎部分了。HTML5還定義了處理非法文檔的具體細節，使得所有瀏覽器和客戶端程序能夠一致地處理語法錯誤，ITJOB。
⑵ html5時代的主要的網頁設計風格有哪些
一、首先從功能與設計目標來看， H5專網頁主要有以下4大類型：
1.活動運營型
為活動推廣運營而打造的H5頁面是最常見的類型，形式多變，包括游戲、邀請函、賀卡、測試題等形式。與以往簡單的靜態廣告圖片傳播不同，如今的H5活動運營頁需要有更強的互動、更高質量、更具話題性的設計來促成用戶分享傳播。從進入微信H5頁面到最後落地到品牌App內部，如何設計一套合適的引流路線也頗為重要。
2.品牌宣傳型
不同於講究時效性的活動運營頁，品牌宣傳型H5頁面等同於一個品牌的微官網，更傾向於品牌形象塑造，向用戶傳達品牌的精神態度。在設計上需要運用符合品牌氣質的視覺語言，讓用戶對品牌留下深刻印象。
3.產品介紹型
聚焦於產品功能介紹，運用H5的互動技術優勢盡情展示產品特性，吸引用戶買買買。
這一類型的H5頁面多見於汽車品牌，LEXUS NX是其中的優秀代表案例。精緻和極富質感的建模、細膩的光效營造出酷炫的視覺風格。用手指跟隨光的軌跡切割畫面揭開序幕，通過合理優雅的觸碰、摩擦、滑動等互動形式帶領用戶一同探索產品的7大特性，宏觀和微觀都照顧周全。
4.總結報告型
自從支付寶的十年賬單引發熱議後，各大企業的年終總結現也熱衷於用H5技術實現，優秀的互動體驗令原本乏味的總結報告有趣生動了起來。
二．形式為功能服務
在確定了專題頁的功能目標之後，接下來就是關鍵的設計階段了。如何有的放矢地進行設計，需要考慮到具體的應用場景和傳播對象，從用戶角度出發去思考什麼樣的頁面是用戶最想看的最會去分享的。
1.簡單圖文
簡單圖文是早期最典型的H5專題頁形式。「圖」的形式千變萬化，可以是照片、插畫、GIF等。通過翻頁等簡單的交互操作，起到類似幻燈片的傳播效果。考驗的是高質量的內容本身和講故事的能力。
2.禮物/賀卡/邀請函
每個人都喜歡收到禮物的感覺，抓住這一心理，品牌推出了各種H5形式的禮物、賀卡、邀請函，通過提升用戶好感度來潛移默化地達到品牌宣傳的目的。既然是禮物，那創意和製作便是重要的加分項。
3.問答/評分/測試
問答形式的H5頁面也屢見不鮮了，利用用戶的求知慾和探索欲，一路選選選，看最後到底是什麼成績。一條清晰的線索是必要的，最後到達的結果頁也需要合理不突兀，如果能輔以出彩的視覺和文案，弱化答題的枯燥感那就再好不過了。
4.游戲
從 「圍住神經貓」、「看你有多色」等單純小游戲再到杜蕾斯「一夜N次郎」（即山寨版「別踩白塊兒」）等品牌植入式小游戲，H5游戲因為操作簡單、競技性強，一度風靡朋友圈，但創意缺乏和同質化現象導致用戶對無腦小游戲逐漸產生了厭倦。品牌要在游戲上做到成功傳播，需要在玩法和設計上多下點功夫。
三．為設計加分的4個要點
一個H5頁面設計品質的出眾與否，會直接影響其傳播效果，甚至影響到用戶對品牌形象的認知。在這里總結出以下的設計要點：
1.細節與統一
要成就高品質的用戶體驗，必須考慮到細節與整體的統一性。復古擬物的視覺風格，那字體就不能過於現代；幽默調侃的調調，那文案措辭就不能過於嚴肅；打情感內容牌的，動效就不能過於花哨。
2.緊跟熱點，利用話題效應
想要你的H5專題頁一夜爆紅，第一時間抓住熱點並火速上線，借機進行品牌宣傳也不失為一條捷徑。
3.講個好故事，引發情感共鳴
不論H5的形式如何多變，有價值的內容始終是第一位的。在有限的篇幅里，學會講故事，引發用戶的情感共鳴，將對內容的傳播形成極大的推動。
4.合理運用技術，打造流暢的互動體驗
隨著技術的發展，如今的HTML5擁有眾多出彩的特性，讓我們能輕松實現繪圖、擦除、搖一搖、重力感應、擦除、3D視圖等互動效果。相較於塞入各種不同種類的動效導致頁面混亂臃腫，我們更提倡的是合理運用技術，用心專注於為用戶提供流暢的互動體驗。
結語
隨著手機硬體的升級、HTML5技術的發展以及微信平台的開放，HTML5的跨平台、低成本、快迭代等優勢被進一步凸顯，這對身處於移動互聯網大潮的企業主、品牌、設計師和開發者來說，都將是一個最好的時代。
⑶ html5和html的區別
一、指代不同
1、html5：是Web中核心語言HTML的規范。
2、html：稱為超文本標記語言，是內一種標容識性的語言。
二、特點不同
1、html5：用戶使用任何手段進行網頁瀏覽時看到的內容原本都是HTML格式的，在瀏覽器中通過一些技術處理將其轉換成為了可識別的信息。
2、html：包括一系列標簽．通過這些標簽可以將網路上的文檔格式統一，使分散的Internet資源連接為一個邏輯整體。
三、構成不同
1、html5：由不同的技術構成，其在互聯網中得到了非常廣泛的應用，提供更多增強網路應用的標准機
2、html：是由HTML命令組成的描述性文本，HTML命令可以說明文字，圖形、動畫、聲音、表格、鏈接等。
⑷ 如何用HTML5製作網頁
html5標簽掌握了，從上到下從左到右，標簽合理使用，先把框架搭好，再結合css3做效果，先花時間把html5 css3看兩遍，再看網頁設計html5製作教程就ok了
當然這只是最簡單的
⑸ html5和html有什麼區別
html5是對html的第五次重大修改。html5繼承了html所有的語法，所以html5與html的差異是以下這些html5的新特性：
1、語義特性
HTML5賦予網頁更好的意義和結構。更加豐富的標簽將隨著對RDFa的，微數據與微格式等方面的支持，構建對程序、對用戶都更有價值的數據驅動的Web。
2、本地存儲特性
基於HTML5開發的網頁APP擁有更短的啟動時間，更快的聯網速度，這些全得益於HTML5 APP Cache，以及本地存儲功能。
3、設備兼容特性
從Geolocation功能的API文檔公開以來，HTML5為網頁應用開發者們提供了更多功能上的優化選擇，帶來了更多體驗功能的優勢。HTML5提供了前所未有的數據與應用接入開放介面。使外部應用可以直接與瀏覽器內部的數據直接相連，例如視頻影音可直接與microphones及攝像頭相聯。
4、連接特性
更有效的連接工作效率，使得基於頁面的實時聊天，更快速的網頁游戲體驗，更優化的在線交流得到了實現。HTML5擁有更有效的伺服器推送技術，Server-Sent Event和WebSockets就是其中的兩個特性，這兩個特性能夠幫助我們實現伺服器將數據推送到客戶端的功能。
5、網頁多媒體特性
支持網頁端的Audio、Video等多媒體功能， 與網站自帶的APPS，攝像頭，影音功能相得益彰。
6、三維、圖形及特效特性
基於SVG、Canvas、WebGL及CSS3的3D功能，用戶會驚嘆於在瀏覽器中，所呈現的驚人視覺效果。
7、性能與集成特性
沒有用戶會永遠等待你的Loading。HTML5會通過XMLHttpRequest2等技術，解決以前的跨域等問題，幫助您的Web應用和網站在多樣化的環境中更快速的工作。
8、CSS3特性
在不犧牲性能和語義結構的前提下，CSS3中提供了更多的風格和更強的效果。此外，較之以前的Web排版，Web的開放字體格式也提供了更高的靈活性和控制性。
(5)html5與網頁設計擴展閱讀：
HTML5的優勢：
1、提高可用性和改進用戶的友好體驗。
2、有幾個新的標簽，這將有助開發人員定義重要的內容。
3、可以給站點帶來更多的多媒體元素(視頻和音頻)。
4、可以很好的替代FLASH和Silverlight。
5、當涉及到網站的抓取和索引的時候，對於SEO很友好。
6、將被大量應用於移動應用程序和游戲。
⑹ html5和html有什麼區別啊
主要有三個區別：
1、文檔聲明區別
HTML：超文本標記語言，一種純文本類型的語言。
HTML5.0：文檔聲明HTML5方便書寫，精簡，有利於程序員快速的閱讀和開發。
2、結構語義區別
html：沒有體現結構語義化的標簽，如：<div id="nav"></div>
html5：添加了許多具有語義化的標簽，如：<article>、<aside>、<audio>、<bdi>...
3、繪圖區別
HTML：指可伸縮矢量圖形，用於定義網路的基於矢量的圖形。
HTML5：HTML5的canvas元素使用腳本（通常使用JavaScript）在網頁上繪制圖像，可以控制畫布每一個像素。
建議：html5.0是html的升級，如果是初學還是先學html
(6)html5與網頁設計擴展閱讀：
html5的優缺點：
1、擺脫對平台的依賴
HTML5可以讓你擺脫對平台的依賴，用戶打開瀏覽器，直接就可以訪問你的應用，而不需要經過各種Store的審核。
2、實時更新
實時更新，通常平台的審核都需要七個工作日左右的時間，Web方式就不存在這種問題。
3、離線使用
用戶可以離線使用，更新下載量及少，可以全部更新，也可以選擇替換部分文件。
缺點：
1、完善性方面：許多特性各種瀏覽器的支持程度不一樣
2、技術門檻方面：HTML5簡化開發者工作的同時，代表有許多的屬性和API需要開發者學習，像web worker、web socket等
3、性能方面：某些平台下的引擎問題導致HTML5性能低下
html的優缺點：
優點：
1、開發過程中前端與後端脫離，交互通過JSON傳輸來實現
2、跨平台能力更強，依託於瀏覽器的支持
缺點：
1、開發難度大，考慮瀏覽器的兼容性
2、無法直接顯示java實體類對象，需要轉換為json格式
參考資料：網路：html5
參考資料：網路：html
⑺ 網頁設計Html5
左邊的左浮動，右抄邊的右浮動，沒有問題的。
<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title></title>
<style>
#div0{
width:800px;
}
#divL{
width:598px;
height:300px;
float:left;
background-color:#ddd;
}
#divR{
width:200px;
height:300px;
background-color:#eee;
float:right;
}
#l1{
height:50px;
background-color:#888;
}
#l2{
height:100px;
background-color:#aaa;
}
</style>
</head>
<body>
<divid='div0'>
<divid='divL'>
<divid='l1'>左浮動內容1</div>
<divid='l2'>左浮動內容2</div>
</div>
<divid='divR'>右浮動內容</div>
</div>
</body>
</html>
顯示結果：
⑻ 女生學html5和網頁設計哪個會更好
H5 馬上回非常流行的一種技術，這個技術入門是HTML，相對入門比較簡單，後期內學習深入的話，當然是容需要努力和領悟的，學習成功後，出來的工資還是很好的。沒什麼男生女生的區別哈。 網頁設計一般可以認為是 美工或者前端開發（這種女生學起來比較吃力，入門低但是邏輯性要求一定，），美工的話，女生一般審美還不錯，所以這個可以，周期不長，代碼量少，相對來說女生合適。
⑼ 網頁設計與HTML5的關系
網頁設計是根據企業希望向瀏覽者傳遞的信息（包括產品、服務、理念、文化），進行網站功能策劃，然後進行的頁面設計美化工作。作為企業對外宣傳物料的其中一種，精美的網頁設計，對於提升企業的互聯網品牌形象至關重要。
網頁設計一般分為三種大類：功能型網頁設計（服務網站&B/S軟體用戶端）、形象型網頁設計（品牌形象站）、信息型網頁設計（門戶站）。設計網頁的目的不同，應選擇不同的網頁策劃與設計方案。
網頁設計的工作目標，是通過使用更合理的顏色、字體、圖片、樣式進行頁面設計美化，在功能限定的情況下，盡可能給予用戶完美的視覺體驗。高級的網頁設計甚至會考慮到通過聲光、交互等來實現更好的視聽感受。
萬維網的核心語言、標准通用標記語言下的一個應用超文本標記語言（HTML）的第五次重大修改。
2014年10月29日，萬維網聯盟宣布，經過接近8年的艱苦努力，該標准規范終於制定完成。
⑽ 網頁設計用的到html5嗎
這個答案是肯定的。
HTML5的設計目的是為了在移動設備上支持多媒體。新的語法特徵被引進以支持這一點，如video、audio和canvas 標記。HTML5還引進了新的功能，可以真正改變用戶與文檔的交互方式，包括：
· 新的解析規則增強了靈活性
· 新屬性
· 淘汰過時的或冗餘的屬性
· 一個HTML5文檔到另一個文檔間的拖放功能
· 離線編輯
· 信息傳遞的增強
· 詳細的解析規則
· 多用途互聯網郵件擴展（MIME）和協議處理程序注冊
· 在SQL資料庫中存儲數據的通用標准（Web SQL）。