求科普，請問HTML5究竟是什麼？

01-14

我只知道HTML5是一種編程語言，看網上有很多有創意的H5網頁，請問究竟是用什麼軟體做的？是Dreamweaver做的嗎？

感覺跟一個外行科普HTML5真是比較困難，乾脆從最開始講起吧，盡量通俗易懂~

1，電腦由一堆電路組成，最基本的單元只有兩個狀態：高電平和低電平，可以理解為通電狀態和斷電狀態

2，一個單元只能表示兩種狀態，很多個這種單元就可以表示很多狀態，然後人為定義高電平為0，低電平為1，單個單元只能表示0和1兩個數，兩個單元就可以表示00,01,10,11四個狀態，n個單元就可以表示2^n種狀態。

3，於是如果想讓電腦識別某種狀態，只要告訴它對應的二進位編碼就可以了，例如00100011，相當於8個單元並排在一起，它們的電位分別是：高高低高高高低低，轉換成10進位就是35。於是這個組合就可以表示35這個數了。

4，海量的0和1就組成了無數種狀態，於是電腦就可以識別和產生多種狀態並將之有序組合起來，經過一定的過程根據特定的輸入產生特定的輸出，這就是：程序

5，然而每次都要輸入一堆1和0很麻煩，例如：10101000 000000010001111 11111110....很艱難晦澀。那麼我如果定義A=10000001，下次我想要輸入10000001時只輸入一個A不就行了嗎？於是一堆0和1可以大幅簡化成：mv jnz 這種簡單的字母組合

6，然而這離自然語言還是差得遠。彙編與機器碼之間只是簡單的對應關係，想要用人的思維寫程序，還得經過進一步的進化。於是，mv jnz這種晦澀的組合可以用更直接的方式表達出來，例如：

alert(1+3);

讓機器彈出1+3這個計算式的結果

定義：alert=#￥%￥U*SVDT%^(*)IFR#@$T@43（一堆晦澀的彙編代碼），那麼下次我不需要輸入這些彙編代碼，只需要輸入一個alert就可以實現效果了

7，定義更多的對應關係可以解決更多的問題，這種高級映射可以叫做：高級語言，因為它更接近自然語言。

8，但是我們不能隨便定義，我說那段代碼叫alert，他可不可以管那段代碼叫fuckingAlert呢？可以啊。那隔壁老王可不可以叫shitAlert呢？可以啊。然後就亂了。然後就需要制定一個統一的標準出來，不然就好比交通一樣，我想怎麼開就怎麼開，路上肯定就亂了。

9，於是，就有了各種標準的制定。HTML是一種專門用來書寫網頁代碼的文本，瀏覽器會把一段HTML代碼翻譯成彙編，再交給操作系統（如windows）翻譯成機器碼0和1的組合，機器就可以識別並執行了

10，而標準不是一成不變的，根據時代發展也會做出進步。於是HTML1.0後續版本2.0、3.0...一直到幾年前的4.01，這個標準被沿用了十幾年

11，幾年前出現的HTML5，就是HTML語言的一個新的標準

12，而dreamweaver只是一個編寫HTML的工具，就好比你用windows記事本可以寫日記，用word也可以寫日記，然而word可以幫你排版、改變字體顏色等，記事本就不行。dreamweaver只是這樣一個編輯器，只不過是專門針對代碼做了優化而已。除此之外還有很多其它編輯器，如sublime，VS等，就好比我用word可以排版，用wps也可以啊。

網頁是由html和css和JavaScript三種技術做出來的。

這裡面HTML負責描述網頁的骨架，簡單來說就是把網頁分割成一個個的矩形，然後把這些矩形嵌套起來，形成層級關係。如果把網頁比如成人體，那麼HTML相當於骨架，它只管把骨頭一根根連起來，至於骨頭長短粗細形狀一概不管。

css負責描述這裡面的矩形的大小，位置，邊框，背景等外觀。比喻成人體的話，它相當於描述了骨頭的長短粗細形狀，而且還描述了肌肉皮膚等細節。網頁完成了html和css的編寫後相當於做出一具屍體，外形完美，但是沒有思想不會行動。

JavaScript負責定義網頁的行為，他是一門事件驅動語言，大概可以理解為定義了哪個矩形在發生什麼事件時做什麼事。完成了js的網頁就相當於在屍體的基礎上賦予其生命和智力，他能在恰當的時候做出恰當的事情。

目前廣泛使用的是html4，css2和JavaScript。這些技術基本都是90年代末的東西，由於當時電腦性能較差，網路速度慢，所以當時的網頁非常簡單，基本上只有文字和圖片，當時誰也無法預料到未來網路會發展成什麼樣，於是便定製出這套技術標準，而如今人們對網頁有了更多的需求，這套標準已不再適應互聯網的發展，於是在2007年互聯網組織便著手設計最新的標準，經過將近8年的修訂，終於在2014年定稿，推出最新的標準html5。

HTML5一般泛指html5，css3和JavaScript。

這裡面HTML5主要是加入了一些新標籤，推廣語義化的描述。

css3加入或統一了一些新的屬性，比如陰影，圓角，透明度等等

JavaScript加入了本地存儲，繪圖，websocket等一系列激動人心的東西。你說的有意思的頁面大多都是JavaScript的繪圖頁面，它能做出華麗的動畫。

最後，專業的前端工程師都是手寫代碼的，用各種文本編輯器，比如我最愛的sublime text，不會用dw這種東西。

看一下這個。

http://m.sohu.com/n/418231334/

《HTML5是什麼》

《零基礎的小白，快速了解HTML5》

《淺談HTML5的基本特點》

資料來源：HTML5學堂（碼匠）

用H5搭建的站點與應用可以兼容PC端與移動端、Windows與Linux、安卓與IOS。它可以輕易地移植到各種不同的開放平台、應用平台上，打破各自為政的局面。

從事HTML5開發工作，依次掌握前端頁面重構，javascript高級程序設計，PC端全棧項目開發，移動端項目開發，混合（Hybrid）開發，NodeJs全棧開發。

學好HTML，HTML5可以簡單地理解為在HTML基礎上增加了若干標籤

PS放棄DW吧，實時預覽的許多渲染效果跑起來之後簡直面目全非_(:3」∠)_

首先，html5，不是編程語言。

html5是超文本標記語言的第五代。

那麼我們看到的漂亮的網頁究竟是怎麼做到的呢？

除了基本的美術元素，還需要css排版，html5，以及js來實現交互。

Dreamweaver應該是給設計人員用的吧。

WebStorm其實更不錯。

標記語言：用各種標記加一些屬性組成一大篇代碼，瀏覽器在獲取這種代碼後將其解釋呈現在網頁中。這是一個網頁。

超文本：頁面可以包含圖片音樂程序等。

超文本標記語言：等於以上兩條

html=HypreText Markup Language

html5：第五代html

html的一個新規範

一般我們用eclipse做。

當然其他的開發軟體也可以，用著順手就行。

你可以用Windows自帶的記事本寫

簡單打個比喻吧，html是麵粉，各種好看的網頁是花式麵包，Dreamweaver只是做麵包的一種工具。

蛇妖

http://www.w3.org/TR/html5/
HTML5: the 5th major revision of the core language of the World Wide Web:
the Hypertext Markup Language (HTML).

HTML5 就是第五版 HTML 了哦也。

至於那些創意，那就不是語言能管得了的了，光看一本新華字典也學不會寫作嘛不是。

HTML5=HTML+CSS+JavaScript

HTML超文本標記語言網頁結構

CSS層疊樣式表表現

JavaScript腳本語言活動

如果你是初學者，我推薦你使用notepad++

Dreamweaver適合有一定基礎的網頁開發者。

html是萬維網語言的第五版，html5的出現讓萬維網更貼近於原生應用

用什麼軟體做的？

用這個做的