學(xué)習(xí)HTML5需要掌握的知識點知識點有以下幾個：
創(chuàng)新互聯(lián)公司主要為客戶提供服務(wù)項目涵蓋了網(wǎng)頁視覺設(shè)計、VI標(biāo)志設(shè)計、營銷型網(wǎng)站建設(shè)、網(wǎng)站程序開發(fā)、HTML5響應(yīng)式網(wǎng)站建設(shè)公司、成都做手機網(wǎng)站、微商城、網(wǎng)站托管及成都網(wǎng)站維護(hù)、WEB系統(tǒng)開發(fā)、域名注冊、國內(nèi)外服務(wù)器租用、視頻、平面設(shè)計、SEO優(yōu)化排名。設(shè)計、前端、后端三個建站步驟的完善服務(wù)體系。一人跟蹤測試的建站服務(wù)標(biāo)準(zhǔn)。已經(jīng)為成都房屋鑒定行業(yè)客戶提供了網(wǎng)站推廣服務(wù)。
一、HTML5基本組成：
1、HTML5=HTML+CSS+JavaScript
2、HTML指的是結(jié)構(gòu)：結(jié)構(gòu)是在整個網(wǎng)頁中有標(biāo)題、列表、圖片等。
CSS是樣式：樣式是標(biāo)題文字的字體大小、顏色、字體；圖片大小；某個塊的背景色或背景圖等。
JS是行為：行為是在網(wǎng)頁上四處飄動的廣告；圖片滾動；瀏覽圖片時鼠標(biāo)移動到圖片時，放大縮小圖片的效果。
二、容易混淆概念：
1、HTML5移動端的功能和應(yīng)用程序：
對于蘋果手機中的應(yīng)用程序，屬于iOS開發(fā)，語言是OC；對于其他安卓系統(tǒng)的手機，需要使用JAVA語言進(jìn)行開發(fā)。HTML5能夠做的是移動端的網(wǎng)頁以及微信平臺中移動端網(wǎng)頁。
2、前端后臺的區(qū)別：
無論HTML5還是iOS，在整個網(wǎng)頁開發(fā)流程中，前端（HTML5）開發(fā)工程師，主要負(fù)責(zé)的是“前臺頁面制作”，“網(wǎng)站測試”，“修改”三個部分。
3、HTML5與網(wǎng)頁設(shè)計與制作的區(qū)別：
原有的網(wǎng)頁設(shè)計與制作，主要針對PC平臺，進(jìn)行網(wǎng)頁網(wǎng)站的設(shè)計與制作，相對會涉及一部分設(shè)計工作，并將美工圖實現(xiàn)成網(wǎng)頁。通常使用的工具是網(wǎng)頁三劍客—Photoshop、Flash、Dreamweaver。
然而，行業(yè)的發(fā)展使得“網(wǎng)頁設(shè)計與制作”這一職業(yè)逐漸遭到了淘汰。其中原因之一就是網(wǎng)頁設(shè)計與制作當(dāng)中的結(jié)構(gòu)實現(xiàn)，通常采用的是table布局；而web前端開發(fā)工程師、HTML5當(dāng)中結(jié)構(gòu)的實現(xiàn)，采用的是DIV+CSS方式的布局，因此，Dreamweaver工具的使用也就沒有什么必要性了，取而代之的是內(nèi)存占用小，開發(fā)速度快的文本類編輯器。而Flash在與HTML5的大戰(zhàn)中戰(zhàn)敗，當(dāng)前已經(jīng)退出了移動端以及電視平臺的市場爭奪，在PC平臺也越來越少。轉(zhuǎn)言之，F(xiàn)lash在網(wǎng)頁制作的領(lǐng)域里已經(jīng)江郎才盡，原來的網(wǎng)頁三劍客只剩下一個ps，在前端工作要求中，需要掌握基本的切圖即可。
總結(jié)：隨著互聯(lián)網(wǎng)的快速發(fā)展，HTML5已經(jīng)慢慢的滲透到我們的生活中，因此HTML5前景十分光明，需要我們牢牢的抓住機會，通過一些專業(yè)的學(xué)習(xí)后能夠在這個行業(yè)發(fā)光發(fā)熱。
HTML5是HTML最新的修訂版本，由萬維網(wǎng)聯(lián)盟（W3C）于2014年10月完成標(biāo)準(zhǔn)制定。目標(biāo)是取代1999年所制定的HTML?4.01和XHTML?1.0標(biāo)準(zhǔn)，以期能在互聯(lián)網(wǎng)應(yīng)用迅速發(fā)展的時候，使網(wǎng)絡(luò)標(biāo)準(zhǔn)達(dá)到匹配當(dāng)代的網(wǎng)絡(luò)需求。
廣義論及HTML5時，實際指的是包括HTML、CSS和JavaScript在內(nèi)的一套技術(shù)組合。它希望能夠減少網(wǎng)頁瀏覽器對于需要插件的豐富性網(wǎng)絡(luò)應(yīng)用服務(wù)。
擴展資料：
HTML5添加了許多新的語法特征，其中包括video、audio和canvas元素，同時集成了SVG內(nèi)容。這些元素是為了更容易的在網(wǎng)頁中添加和處理多媒體和圖片內(nèi)容而添加的。
其它新的元素如section、article、header和nav則是為了豐富文檔的數(shù)據(jù)內(nèi)容。新的屬性的添加也是為了同樣的目的，同時也有一些屬性和元素被移除掉了。
一些元素，像a、cite和menu被修改，重新定義或標(biāo)準(zhǔn)化了。同時APIs和DOM已經(jīng)成為HTML5中的基礎(chǔ)部分了。HTML5還定義了處理非法文檔的具體細(xì)節(jié)，使得所有瀏覽器和客戶端程序能夠一致地處理語法錯誤。
參考資料來源：百度百科——html5
在后臺添加js特效可實現(xiàn)這樣的效果。
js代碼為：
script language="JavaScript"
!--
var no = 5; //雪片數(shù)目
var speed = 20; //飄動速度。(值越大越慢)
var ns4up = (document.layers) ? 1 : 0; //當(dāng)前瀏覽器類型，如果是NS則為1
var ie4up = (document.all) ? 1 : 0; //當(dāng)前瀏覽器類型，如果是IE則為1
var s, x, y, sn, cs;
var a, r, cx, cy;
var i, doc_width = 800, doc_height = 600;
x = new Array();
y = new Array();
r = new Array();
cx = new Array();
cy = new Array();
s = 8; //每次下落的高度，越小越平滑，但是也越慢
if (ns4up) { //以NS兼容方式
doc_width = self.innerWidth; //取頁面寬度
doc_height = self.innerHeight; //取頁面高度
}
else
if (ie4up) { //以IE兼容方式
doc_width = document.body.clientWidth; //取頁面寬度
doc_height = document.body.clientHeight; //取頁面高度
}
for (i = 0; i no; ++ i) { //根據(jù)前面定義的雪片數(shù)目寫進(jìn)相應(yīng)數(shù)目的層
initSnow(); //隨機初始化層的坐標(biāo)
if (ns4up) { //如果瀏覽器是NS
//用layer作為雪片(星號)的容器
document.write("layer name=\"dot"+ i +"\" left=\"1\" ");
document.write("top=\"1\" visibility=\"show\"font color=\"red\"");
document.write("*/font/layer");
}
else
if (ie4up) { //如果瀏覽器是IE
//用div作為雪片的容器
document.write("div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"font color=\"red\"");
document.write("*/font/div");
}
}
//初始化雪片，生成隨機坐標(biāo)
function initSnow() {
a = 6;
r[i] = 1;
sn = Math.sin(a);
cs = Math.cos(a);
cx[i] = Math.random() * doc_width + 1;
cy[i] = Math.random() * doc_height + 1;
x[i] = r[i] * sn + cx[i];
y[i] = cy[i];
}
//計算雪花位置，從新位置上出現(xiàn)，看起來就像是新產(chǎn)生的一樣。
function makeSnow() {
r[i] = 1;
cx[i] = Math.random() * doc_width + 1;
cy[i] = 1;
x[i] = r[i] * sn + cx[i];
y[i] = r[i] * cs + cy[i];
}
//雪花下落的計算
function updateSnow() {
r[i] += s;
x[i] = r[i] * sn + cx[i];
y[i] = r[i] * cs + cy[i];
}
//在NS瀏覽器上處理雪片下落的主程序
function SnowdropNS() {
for (i = 0; i no; ++ i) { //依次處理每片雪花
updateSnow(); //下落
if ((x[i] = 1) || (x[i] = (doc_width - 20)) || (y[i] = (doc_height - 20))) { //如果超出屏幕范圍
makeSnow(); //則調(diào)整雪片到新位置上
doc_width = self.innerWidth; //更新頁面寬度數(shù)據(jù)
doc_height = self.innerHeight; //更新頁面高度數(shù)據(jù)
}
document.layers["dot"+i].top = y[i]; //改變層的Y坐標(biāo)，應(yīng)用新的位置
document.layers["dot"+i].left = x[i]; //改變層的X坐標(biāo)，應(yīng)用新的位置
}
setTimeout("SnowdropNS()", speed);
}
//在IE瀏覽器上處理雪片下落的主程序
function SnowdropIE() {
for (i = 0; i no; ++ i) { //依次處理每片雪花
updateSnow(); //下落
if ((x[i] = 1) || (x[i] = (doc_width - 20)) || (y[i] = (doc_height - 20))) { //如果超出屏幕范圍
makeSnow(); //則調(diào)整雪片到新位置上
doc_width = document.body.clientWidth; //更新頁面寬度數(shù)據(jù)
doc_height = document.body.clientHeight; //更新頁面高度數(shù)據(jù)
}
document.all["dot"+i].style.pixelTop = y[i]; //改變層的坐標(biāo)，應(yīng)用新的位置
document.all["dot"+i].style.pixelLeft = x[i];
}
setTimeout("SnowdropIE()", speed); //準(zhǔn)備下一次下落過程。
}
if (ns4up) { //如果是NS
SnowdropNS(); //調(diào)用SnowdropNS使雪片下落
}
else
if (ie4up) { //如果是NS
SnowdropIE(); //調(diào)用SnowdropIE使雪片下落
}
--
/script
說明：可以根據(jù)自己的需求根據(jù)說明進(jìn)行相應(yīng)參數(shù)的修改
HTML5是做什么的？
極其簡單的概括：用于實現(xiàn)我們能夠看到的所有網(wǎng)站，但是不涉及到數(shù)據(jù)層面（也就是負(fù)責(zé)將一張設(shè)計好的網(wǎng)頁圖片[設(shè)計師的工作]，用代碼實現(xiàn)出來，在一個地方放置個塊，給一個塊設(shè)置顏色，調(diào)整字體大小，讓圖片動起來等）。
HTML5的由來
不熟悉HTML5的人，可能會很熟悉一個2005年以前常用的詞語——網(wǎng)頁設(shè)計與制作。
隨著行業(yè)的發(fā)展，網(wǎng)站的制作越來越受到了人們的重視，社會化分工越來越明細(xì)。在2005年，“WEB前端開發(fā)工程師”這個詞語開始出現(xiàn)在各個一線城市。2008年，HTML5橫空出世，2009年HTML5這個全新的詞語在北京的一些頂尖級公司出現(xiàn)，2012年，逐漸的普及開來，2014年迅速發(fā)展。
HTML5的基本組成
HTML5 = HTML + CSS + JavaScript
HTML指的是結(jié)構(gòu)
CSS指樣式
JS即JavaScript，指的是行為
關(guān)于結(jié)構(gòu)、樣式、行為的理解：
結(jié)構(gòu) - 在整個網(wǎng)頁中有標(biāo)題，有列表，有圖片等。
樣式 - 標(biāo)題文字的字體大小、顏色、字體；圖片的大?。荒硞€塊的背景色或背景圖等。
行為 - 在網(wǎng)頁上四處飄動的廣告；圖片滾動；瀏覽淘寶時鼠標(biāo)移動到商品時，放大商品的效果等。
無技術(shù)基礎(chǔ)，看懂HTML5
重慶分公司
重慶分公司
