Html5開發(fā)可謂是這幾年來特別“受寵”的軟件開發(fā)了，html5不僅入行門檻低、薪資高，發(fā)展前景更是可觀，所以得到大家的追捧和青睞也是實(shí)至名歸的，那么想要從事html5開發(fā)學(xué)習(xí)要掌握哪些必備的知識(shí)呢？
創(chuàng)新互聯(lián)堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的東阿網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！
那么想要學(xué)好html5開發(fā)，那么需要掌握的專業(yè)技術(shù)有：
第1階段：前端頁面重構(gòu)：PC端網(wǎng)站布局、HTML5+CSS3基礎(chǔ)項(xiàng)目、WebAPP頁面布局；
第2階段：JavaScript高級(jí)程序設(shè)計(jì)：原生JavaScript交互功能開發(fā)、面向?qū)ο箝_發(fā)與ES5/ES6、JavaScript工具庫自主研發(fā)；
第3階段：PC端全棧項(xiàng)目開發(fā)：jQuery經(jīng)典特效交互開發(fā)、HTTP協(xié)議，Ajxa進(jìn)階與后端開發(fā)、前端工程化與模塊化應(yīng)用、PC端網(wǎng)站開發(fā)、PC端管理信息系統(tǒng)前端開發(fā)；
第4階段：移動(dòng)端webAPP開發(fā)：Touch端項(xiàng)目、微信場景項(xiàng)目、應(yīng)用Vue.js開發(fā)WebApp項(xiàng)目、應(yīng)用Ionic開發(fā)WebApp項(xiàng)目、應(yīng)用React.js開發(fā)WebApp；
第5階段：混合（Hybrid）開發(fā)：各類混合應(yīng)用開發(fā)；
第6階段：NodeJS全棧開發(fā)：WebApp后端系統(tǒng)開發(fā)；
第7階段：大數(shù)據(jù)可視化：數(shù)據(jù)可視化入門、D3.jS詳解及項(xiàng)目實(shí)戰(zhàn)。
如今移動(dòng)互聯(lián)網(wǎng)發(fā)展迅速，技術(shù)不斷的更新迭代，所學(xué)知識(shí)也需與時(shí)俱進(jìn)?，F(xiàn)在市場上的主流互聯(lián)網(wǎng)網(wǎng)站，需要打造的是一流用戶交互體驗(yàn)。對(duì)于前端開發(fā)者的要求，不再是簡單的頁面展示，而是需要全棧式的前端開發(fā)工程師。
引言
本篇文章主要介紹了前端HTML5幾種存儲(chǔ)方式的總結(jié) ，主要包括本地存儲(chǔ)localstorage，本地存儲(chǔ)sessionstorage，離線緩存（application cache），Web SQL，IndexedDB。有興趣的可以了解一下。
正文開始~
h5之前，存儲(chǔ)主要是用cookies。cookies缺點(diǎn)有在請(qǐng)求頭上帶著數(shù)據(jù)，大小是4k之內(nèi)。主Domain污染。
主要應(yīng)用：購物車、客戶登錄
對(duì)于IE瀏覽器有UserData，大小是64k,只有IE瀏覽器支持。
目標(biāo)
存儲(chǔ)方式：
以鍵值對(duì)(Key-Value)的方式存儲(chǔ)，永久存儲(chǔ)，永不失效，除非手動(dòng)刪除。
大小：
每個(gè)域名5M
支持情況：
注意：IE9 localStorage不支持本地文件，需要將項(xiàng)目署到服務(wù)器，才可以支持！
常用的API：
getItem //取記錄
setIten//設(shè)置記錄
removeItem//移除記錄
key//取key所對(duì)應(yīng)的值
clear//清除記錄
存儲(chǔ)的內(nèi)容：
數(shù)組，圖片，json，樣式，腳本。。。（只要是能序列化成字符串的內(nèi)容都可以存儲(chǔ)）
HTML5 的本地存儲(chǔ) API 中的 localStorage 與 sessionStorage 在使用方法上是相同的，區(qū)別在于 sessionStorage 在關(guān)閉頁面后即被清空，而 localStorage 則會(huì)一直保存。
本地緩存應(yīng)用所需的文件
使用方法：
①配置manifest文件
頁面上：
Manifest 文件：
manifest 文件是簡單的文本文件，它告知瀏覽器被緩存的內(nèi)容（以及不緩存的內(nèi)容）。
manifest 文件可分為三個(gè)部分：
①CACHE MANIFEST - 在此標(biāo)題下列出的文件將在首次下載后進(jìn)行緩存
②NETWORK - 在此標(biāo)題下列出的文件需要與服務(wù)器的連接，且不會(huì)被緩存
③FALLBACK - 在此標(biāo)題下列出的文件規(guī)定當(dāng)頁面無法訪問時(shí)的回退頁面（比如 404 頁面）
完整demo：
服務(wù)器上： manifest文件需要配置正確的MIME-type，即 "text/cache-manifest"。
如Tomcat:
常用API：
核心是applicationCache對(duì)象，有個(gè)status屬性，表示應(yīng)用緩存的當(dāng)前狀態(tài)：
0（UNCACHED） : 無緩存， 即沒有與頁面相關(guān)的應(yīng)用緩存
1（IDLE） : 閑置，即應(yīng)用緩存未得到更新
2 （CHECKING） : 檢查中，即正在下載描述文件并檢查更新
3 （DOWNLOADING） : 下載中，即應(yīng)用緩存正在下載描述文件中指定的資源
4 （UPDATEREADY） : 更新完成，所有資源都已下載完畢
5 （IDLE） : 廢棄，即應(yīng)用緩存的描述文件已經(jīng)不存在了，因此頁面無法再訪問應(yīng)用緩存
相關(guān)的事件：
表示應(yīng)用緩存狀態(tài)的改變：
checking : 在瀏覽器為應(yīng)用緩存查找更新時(shí)觸發(fā)
error : 在檢查更新或下載資源期間發(fā)送錯(cuò)誤時(shí)觸發(fā)
noupdate : 在檢查描述文件發(fā)現(xiàn)文件無變化時(shí)觸發(fā)
downloading : 在開始下載應(yīng)用緩存資源時(shí)觸發(fā)
progress：在文件下載應(yīng)用緩存的過程中持續(xù)不斷地下載地觸發(fā)
updateready : 在頁面新的應(yīng)用緩存下載完畢觸發(fā)
cached : 在應(yīng)用緩存完整可用時(shí)觸發(fā)
Application Cache的三個(gè)優(yōu)勢：
① 離線瀏覽
② 提升頁面載入速度
③ 降低服務(wù)器壓力
注意事項(xiàng)：
1. 瀏覽器對(duì)緩存數(shù)據(jù)的容量限制可能不太一樣（某些瀏覽器設(shè)置的限制是每個(gè)站點(diǎn) 5MB）
2. 如果manifest文件，或者內(nèi)部列舉的某一個(gè)文件不能正常下載，整個(gè)更新過程將視為失敗，瀏覽器繼續(xù)全部使用老的緩存
3. 引用manifest的html必須與manifest文件同源，在同一個(gè)域下
4. 瀏覽器會(huì)自動(dòng)緩存引用manifest文件的HTML文件，這就導(dǎo)致如果改了HTML內(nèi)容，也需要更新版本才能做到更新。
6. FALLBACK中的資源必須和manifest文件同源
7. 更新完版本后，必須刷新一次才會(huì)啟動(dòng)新版本（會(huì)出現(xiàn)重刷一次頁面的情況），需要添加監(jiān)聽版本事件。
8. 站點(diǎn)中的其他頁面即使沒有設(shè)置manifest屬性，請(qǐng)求的資源如果在緩存中也從緩存中訪問
9. 當(dāng)manifest文件發(fā)生改變時(shí)，資源請(qǐng)求本身也會(huì)觸發(fā)更新
離線緩存與傳統(tǒng)瀏覽器緩存區(qū)別：
1. 離線緩存是針對(duì)整個(gè)應(yīng)用，瀏覽器緩存是單個(gè)文件
2. 離線緩存斷網(wǎng)了還是可以打開頁面，瀏覽器緩存不行
3. 離線緩存可以主動(dòng)通知瀏覽器更新資源
關(guān)系數(shù)據(jù)庫，通過SQL語句訪問
Web SQL 數(shù)據(jù)庫 API 并不是 HTML5 規(guī)范的一部分，但是它是一個(gè)獨(dú)立的規(guī)范，引入了一組使用 SQL 操作客戶端數(shù)據(jù)庫的 APIs。
支持情況：
Web SQL 數(shù)據(jù)庫可以在最新版的 Safari, Chrome 和 Opera 瀏覽器中工作。
核心方法：
①openDatabase： 這個(gè)方法使用現(xiàn)有的數(shù)據(jù)庫或者新建的數(shù)據(jù)庫創(chuàng)建一個(gè)數(shù)據(jù)庫對(duì)象。
②transaction： 這個(gè)方法讓我們能夠控制一個(gè)事務(wù)，以及基于這種情況執(zhí)行提交或者回滾。
③executeSql： 這個(gè)方法用于執(zhí)行實(shí)際的 SQL 查詢。
打開數(shù)據(jù)庫：
執(zhí)行查詢操作：
插入數(shù)據(jù)：
讀取數(shù)據(jù)：
由這些操作可以看出，基本上都是用SQL語句進(jìn)行數(shù)據(jù)庫的相關(guān)操作，如果你會(huì)MySQL的話，這個(gè)應(yīng)該比較容易用。
索引數(shù)據(jù)庫 (IndexedDB) API（作為 HTML5 的一部分）對(duì)創(chuàng)建具有豐富本地存儲(chǔ)數(shù)據(jù)的數(shù)據(jù)密集型的離線 HTML5 Web 應(yīng)用程序很有用。同時(shí)它還有助于本地緩存數(shù)據(jù)，使傳統(tǒng)在線 Web 應(yīng)用程序（比如移動(dòng) Web 應(yīng)用程序）能夠更快地運(yùn)行和響應(yīng)。
異步API：
在IndexedDB大部分操作并不是我們常用的調(diào)用方法，返回結(jié)果的模式，而是請(qǐng)求——響應(yīng)的模式，比如打開數(shù)據(jù)庫的操作
這樣，我們打開數(shù)據(jù)庫的時(shí)候，實(shí)質(zhì)上返回了一個(gè)DB對(duì)象，而這個(gè)對(duì)象就在result中。由上圖可以看出，除了result之外。還有幾個(gè)重要的屬性就是onerror、onsuccess、onupgradeneeded（我們請(qǐng)求打開的數(shù)據(jù)庫的版本號(hào)和已經(jīng)存在的數(shù)據(jù)庫版本號(hào)不一致的時(shí)候調(diào)用）。這就類似于我們的ajax請(qǐng)求那樣。我們發(fā)起了這個(gè)請(qǐng)求之后并不能確定它什么時(shí)候才請(qǐng)求成功，所以需要在回調(diào)中處理一些邏輯。
關(guān)閉與刪除：
數(shù)據(jù)存儲(chǔ)：
indexedDB中沒有表的概念，而是objectStore，一個(gè)數(shù)據(jù)庫中可以包含多個(gè)objectStore，objectStore是一個(gè)靈活的數(shù)據(jù)結(jié)構(gòu)，可以存放多種類型數(shù)據(jù)。也就是說一個(gè)objectStore相當(dāng)于一張表，里面存儲(chǔ)的每條數(shù)據(jù)和一個(gè)鍵相關(guān)聯(lián)。
我們可以使用每條記錄中的某個(gè)指定字段作為鍵值（keyPath），也可以使用自動(dòng)生成的遞增數(shù)字作為鍵值（keyGenerator），也可以不指定。選擇鍵的類型不同，objectStore可以存儲(chǔ)的數(shù)據(jù)結(jié)構(gòu)也有差異。
學(xué)習(xí)從來不是一個(gè)人的事情，要有個(gè)相互監(jiān)督的伙伴，想要學(xué)習(xí)或交流前端問題的小伙伴可以私信“學(xué)習(xí)”小明獲取web前端入門資料，一起學(xué)習(xí)，一起成長！
html5與傳統(tǒng)html區(qū)別
一. HTML5語法的改變
該知識(shí)點(diǎn)所說變化指的是基于HTML4基礎(chǔ)上所定義的改變，主要有如下：
1.HTML5的文件擴(kuò)展符(.html或.htm)與內(nèi)容類型(text/html)保持不變。
2.HTML5中，刻意不使用版本聲明，一份文檔將會(huì)適用于所有版本的HTML。
3.從HTML5開始，對(duì)于文件的字符編碼推薦使用UTF-8。
4.HTML5確保了與之前HTML版本的最大程度的兼容性。
為了保證兼容性，需從元素說起，在HTML5.中，元素的標(biāo)記可以省略。其體來說，元素的標(biāo)記分為“不允許寫結(jié)束標(biāo)記”、“可以省略結(jié)束標(biāo)記”和‘“開始標(biāo)記和結(jié)束標(biāo)記全部可以省略”三種類型。
不允許寫結(jié)束標(biāo)記元素有：area、base、br、col.....
可以省略結(jié)束標(biāo)記：li、dt、dd、p、rt......
開始標(biāo)記和結(jié)束標(biāo)記全部可以省略：html、head、body.....
二.新增的結(jié)構(gòu)元素
section元素表示頁面中的一個(gè)內(nèi)容區(qū)塊，比如章節(jié)、頁眉、頁腳或頁面中的其他部分；
article元素表示頁面中的一塊與上下文不相關(guān)的獨(dú)立內(nèi)容，譬如博客中的一篇文章或報(bào)紙中的一篇文章；
aside元素表示article元素的內(nèi)容之外的、與article元素的內(nèi)容相關(guān)的輔助信息；
header元素表示頁面中一個(gè)內(nèi)容區(qū)塊或整個(gè)頁面的標(biāo)題；
hgroup元素用于對(duì)整個(gè)頁面或頁面中一個(gè)內(nèi)容區(qū)塊的標(biāo)題進(jìn)行組合；
footer元素表示整個(gè)頁面或頁面中一個(gè)內(nèi)容區(qū)塊的腳注。一般來說，它會(huì)包含創(chuàng)作者的姓名、創(chuàng)作日期以及創(chuàng)作者聯(lián)系信息；
nav元素表示頁面中導(dǎo)航鏈接的.部分；
figure元素表示一段獨(dú)立的流內(nèi)容，一般表示文檔主體流內(nèi)容中的一個(gè)獨(dú)立單元，使用figcaption元素為figure元素組添加標(biāo)題
2、新增的其他元素
audio元素定義音頻，比如音樂或其他音頻流；
embed元素用來插入各種多媒體，格式可以是Midi、Wav、AU、MP3等；
mark元素上要用來在視覺上向用戶呈現(xiàn)那些需要突出顯示或高亮顯示的文字，典型應(yīng)用就是在搜索結(jié)果中向用戶高亮顯示搜素關(guān)鍵詞；
progress元素表示運(yùn)行中的進(jìn)程
ruby元素表示ruby注釋(中文注音或字符)
rt元素表示字符(中文注音或字符)的解釋或發(fā)音
rp元素在ruby注釋中使用，以定義不支持ruby素的瀏覽器所顯示的內(nèi)容。
wbr元素表示軟換行，而當(dāng)寬度不夠時(shí)，主動(dòng)在此處進(jìn)行換行
canvas元素表示圖形，比如圖表和其他圖像
cammand元素表示命令按鈕，比如單選按鈕、復(fù)選框或按鈕
details元素表示用戶要求得到并且可以得到的細(xì)節(jié)信息
datagrid元素表示可選數(shù)據(jù)的列表，它以樹形列表的形式來顯示
keygen元素表示生成密鑰
output元素表示不同類型的輸出，比如腳本的輸出
source元素為媒介元素(比如和)定義媒介資源
menu元素表示菜單列表
3、新增的input元素
email 類型表示必須輸入E-main地址的文本輸入框
url 類型表示必須輸入U(xiǎn)RL地址的文本輸入框
number類型表示必須輸人數(shù)值的文本輸入框
range 類型表示必須輸入一定范圍內(nèi)數(shù)字值的文本輸人框
HTML5擁有多個(gè)可供選取日期和時(shí)間的新型輸入文本框:
date ——選取日、月、年
month ——選取月、年
week ——選取周和年
time ——選取時(shí)間(小時(shí)和分鐘)
datetime ——一選取時(shí)間、日、月、年(UTC 時(shí)間)
datetime.local ——選取時(shí)間、日、月、年(本地時(shí)間)
三.廢除元素
1、能使用CSS替代的元素
對(duì)干basefont、big、center、font、s、strike、tt、u這些元素，由于它們的功能都是純粹去畫面展示服務(wù)的，而HTML5中提倡把畫面展示性功能放在CSS樣式表中統(tǒng)一編輯，所以這些元素廢除了
2、不再使用frame框架
對(duì)于frameset元素、frame元素與noframes元素，由于frame框架對(duì)網(wǎng)頁可用性存在負(fù)面影響，在HTML5中已不支持frame框架，只支持iframe框架，或者用服務(wù)器方創(chuàng)建的由多個(gè)頁面組成的復(fù)合頁面的形式，同時(shí)將以上這三個(gè)元素廢除。
3、只有部分瀏覽器支持的元素
對(duì)于applet、bgsound、blink、marquee等元素，由于只有部分瀏覽器支持這些元素，特別是bgsound元素以及marquee元素，只被Internet Explorer所支持，所以在HTML 5中被廢除。其中applet元素可由ernedd元素或object元素替代，bgsound元素可由audio元素替代，marquee可以由JavaScript編程的方式所替代
4、其他被廢除的元素：
廢除rb元素，使用ruby元素替代
廢除acronym元素，使用abbr元素替代
廢除dir元素，使用ul元素替代
廢除isindex元素，使用form元素與input元素相結(jié)合的方式替代
廢除listing元素，使用pre元素替代
廢除xmp元素，使用code元素替代
廢除nextid元素，使用GUIDS替代
廢除plaintext元素，使用“ text/plian” MIME類型替代
四.新增屬性和廢除屬性
一、新增屬性
1、與表單相關(guān)屬性
新增autofocus屬性，它以指定屬性的方式讓元素在畫面打開時(shí)自動(dòng)獲得焦點(diǎn)；
新增placeholder屬性，它會(huì)對(duì)用戶的輸入進(jìn)行提示，提示用戶可以輸入的內(nèi)容；
新增form屬性，聲明它屬于哪個(gè)表單，然后將其放置在頁面上任何位置，而不是表單之內(nèi)；
新增required屬性，該屬性表示在用戶提交的時(shí)候進(jìn)行檢查，檢查該元素內(nèi)一定要有輸入內(nèi)容；
2、與鏈接相關(guān)屬性
增加media屬性，該屬性規(guī)定目標(biāo)URL是為什么類型的媒介/設(shè)備進(jìn)行優(yōu)化的，只能在href屬性存在時(shí)使用；
增加hreflang屬性與rel屬性，以保持與a元素、link元素的一致；
3、其他屬性
屬性reverend，它指定列表倒序顯示；
為script元素增加async屬性，它定義腳本是否異步執(zhí)行；
二、廢除屬性
能被CSS樣式表替代的屬性全部廢除掉；
多余屬性，例如：target、profile、version等被廢除掉；
五.全局屬性
在HTML5中，新增了一個(gè)’‘全局屬性“的概念。所謂全局屬性，是指可以對(duì)任何元素都使用的屬性。
1、contentEditable 屬性
該屬性允許用戶編輯元素中的內(nèi)容，可以獲得鼠標(biāo)焦點(diǎn)，屬性為布爾值，可被指定為true或false。另外，該屬性還有個(gè)隱藏inherit狀態(tài)，為true時(shí)，允許編輯，為false時(shí)，不允許編輯，未指定時(shí)，由inherit決定。
2、designMode 屬性
該屬性用來決定整個(gè)頁面是否可編輯。有兩個(gè)屬性“on”與"off"。屬性為"on"時(shí)，可編輯，為“off”時(shí)，不可編輯。
3、hidden屬性
所有元素都允許使用一個(gè)hidden屬性，該屬性類似于input元素中的hidden元素，功能是通知瀏覽器不渲染該元素，使該元素處于不可見狀態(tài)。該屬性值為布爾值，為true時(shí)，不可見，為false時(shí)，可見。
4、spellcheck屬性
該屬性是HTML 5針對(duì)input元素(type=text) 與textarea這兩個(gè)文本輸入框提供的一個(gè)新屬性，主要對(duì)用戶輸入內(nèi)容進(jìn)行拼寫與語法檢查。屬性值為布爾值，書寫時(shí)必須明確聲明屬性值為true或false書寫方式如下：
詳解form屬性
在HTML4中，表單內(nèi)的從屬元素必須書寫在表單內(nèi)部，但是在HTML5中，可以把他們書寫在頁面上任何地方，然后給元素制定一個(gè)form屬性，屬性值為該表單單位的id，這樣就可以聲明該元素從屬于指定表單了。
input元素從屬于表單，它唄書寫在表單內(nèi)部，用不著再對(duì)它制定form屬性。textarea元素唄書寫在表單之外，但它從屬于表單，所以表單的id制定給textareea元素的form屬性。
這樣做的好處是當(dāng)需要給頁面中的元素添加樣式時(shí)可以更方便地添加，因?yàn)樗鼈儾皇潜环稚⒃诟鞅韱沃畠?nèi)的了。
;
HTML5（WEB前端）的技術(shù)組成
HTML5（WEB前端）技術(shù)由HTML（結(jié)構(gòu)）、CSS（樣式）、JavaScript（行為）組成。
如何理解結(jié)構(gòu)、樣式與行為
簡單來說，HTML5（WEB前端）是“將設(shè)計(jì)圖轉(zhuǎn)換為用戶查看的網(wǎng)頁”所需要的技術(shù)。
結(jié)構(gòu)實(shí)現(xiàn)的是網(wǎng)頁中的標(biāo)題、列表、圖片等標(biāo)簽。
樣式處理的是標(biāo)題文字的字體大小、顏色，圖片尺寸，某個(gè)標(biāo)簽的背景等。
行為可以實(shí)現(xiàn)網(wǎng)頁中的時(shí)間，電商網(wǎng)站當(dāng)中的倒計(jì)時(shí)效果，在注冊(cè)表單時(shí)用戶名是否重復(fù)的檢測，網(wǎng)站當(dāng)中頂部圖片的切換特效等等。
簡單的理解結(jié)構(gòu)樣式和行為：將網(wǎng)頁看做一個(gè)裝修好的功能完備的房子，那么結(jié)構(gòu)實(shí)現(xiàn)的是房間以及家具的位置布局，樣式則是針對(duì)房間進(jìn)行裝飾，行為是為房間添加“開門”等功能。
學(xué)習(xí)HTML5需要掌握的知識(shí)點(diǎn)知識(shí)點(diǎn)有以下幾個(gè)：
一、HTML5基本組成：
1、HTML5=HTML+CSS+JavaScript
2、HTML指的是結(jié)構(gòu)：結(jié)構(gòu)是在整個(gè)網(wǎng)頁中有標(biāo)題、列表、圖片等。
CSS是樣式：樣式是標(biāo)題文字的字體大小、顏色、字體；圖片大?。荒硞€(gè)塊的背景色或背景圖等。
JS是行為：行為是在網(wǎng)頁上四處飄動(dòng)的廣告；圖片滾動(dòng)；瀏覽圖片時(shí)鼠標(biāo)移動(dòng)到圖片時(shí)，放大縮小圖片的效果。
二、容易混淆概念：
1、HTML5移動(dòng)端的功能和應(yīng)用程序：
對(duì)于蘋果手機(jī)中的應(yīng)用程序，屬于iOS開發(fā)，語言是OC；對(duì)于其他安卓系統(tǒng)的手機(jī)，需要使用JAVA語言進(jìn)行開發(fā)。HTML5能夠做的是移動(dòng)端的網(wǎng)頁以及微信平臺(tái)中移動(dòng)端網(wǎng)頁。
2、前端后臺(tái)的區(qū)別：
無論HTML5還是iOS，在整個(gè)網(wǎng)頁開發(fā)流程中，前端（HTML5）開發(fā)工程師，主要負(fù)責(zé)的是“前臺(tái)頁面制作”，“網(wǎng)站測試”，“修改”三個(gè)部分。
3、HTML5與網(wǎng)頁設(shè)計(jì)與制作的區(qū)別：
原有的網(wǎng)頁設(shè)計(jì)與制作，主要針對(duì)PC平臺(tái)，進(jìn)行網(wǎng)頁網(wǎng)站的設(shè)計(jì)與制作，相對(duì)會(huì)涉及一部分設(shè)計(jì)工作，并將美工圖實(shí)現(xiàn)成網(wǎng)頁。通常使用的工具是網(wǎng)頁三劍客—Photoshop、Flash、Dreamweaver。
然而，行業(yè)的發(fā)展使得“網(wǎng)頁設(shè)計(jì)與制作”這一職業(yè)逐漸遭到了淘汰。其中原因之一就是網(wǎng)頁設(shè)計(jì)與制作當(dāng)中的結(jié)構(gòu)實(shí)現(xiàn)，通常采用的是table布局；而web前端開發(fā)工程師、HTML5當(dāng)中結(jié)構(gòu)的實(shí)現(xiàn)，采用的是DIV+CSS方式的布局，因此，Dreamweaver工具的使用也就沒有什么必要性了，取而代之的是內(nèi)存占用小，開發(fā)速度快的文本類編輯器。而Flash在與HTML5的大戰(zhàn)中戰(zhàn)敗，當(dāng)前已經(jīng)退出了移動(dòng)端以及電視平臺(tái)的市場爭奪，在PC平臺(tái)也越來越少。轉(zhuǎn)言之，F(xiàn)lash在網(wǎng)頁制作的領(lǐng)域里已經(jīng)江郎才盡，原來的網(wǎng)頁三劍客只剩下一個(gè)ps，在前端工作要求中，需要掌握基本的切圖即可。
總結(jié)：隨著互聯(lián)網(wǎng)的快速發(fā)展，HTML5已經(jīng)慢慢的滲透到我們的生活中，因此HTML5前景十分光明，需要我們牢牢的抓住機(jī)會(huì)，通過一些專業(yè)的學(xué)習(xí)后能夠在這個(gè)行業(yè)發(fā)光發(fā)熱。
重慶分公司
重慶分公司
