認識 HTML5

念：

HTML5 是HTML、XHTML 以及 HTML DOM 的新標準（推薦標準）。

語法：

根據(jù)HTML5設計化繁為簡的準則，文檔類型和字符說明都進行了簡化：

<!DOCTYPE html>
<meta charset='UTF-8'>
.......

HTML5元素

HTML5定義了一組新的語義化標記來描述元素的內容。

header 標記頭部區(qū)域的內容。
footer 標記腳部區(qū)域的內容
section 頁面中的一塊區(qū)域
article 獨立的文章內容
aside 相關內容或者引文
nav 導航類
video：定義視頻，比如 電影片段或其他視頻流
<video src='movie.ogg' controls='controls'>video元素</video>
audio：定義音頻，比如音樂或其他音頻流 
<audio src='audio.wav'>audio元素</audio>
...........

HTML5其他功能

HTML5引入了一種用于用于查找頁面DOM元素的selectors API。

document.querySelector("#demo")--->返回文檔中匹配指定 CSS 選擇器的第一個元素。
document.querySelectorAll("#demo")--->返回文檔中匹配指定 CSS 選擇器的所有元素。

html5文檔結構代碼

html5 有什么神奇？就是進化的一套標準。

我是不是整理的都好初級，不過整理即鞏固加回憶，只要是好好學習，那么時間就不是浪費，那么道路就一定是正確的??！加油啊小果凍de邁阿密??！

為“黑客”前，必須學習的“編程語言”有哪些？

很多人感覺黑客很酷，在電腦前敲擊敲擊鍵盤就可以控制整個世界，“是的，他們是很酷”，但是他們背后要付出多少努力呢？

想當黑客必須具備三方面知識：第一是背景知識，需要理解語言結構、操作系統(tǒng)、網(wǎng)絡、計算機體系結構等原理；第二必須能夠熟練使用各種黑客攻擊工具，尋找系統(tǒng)漏洞并實施攻擊是一項重復性工作，靈活使用各種黑客攻擊工具可以將這項工作自動化，并以人們易于理解的圖形方式展現(xiàn)復雜的系統(tǒng)結構；第三必須掌握幾種編程語言，無論黑客攻擊工具多么強大，進行高難度黑客攻擊時，必須親自編寫適合自己使用的工具，此時需要掌握編程語言。一名真正的黑客肯定是一名合格的程序員，基礎的編程語言是必須的，今天我就簡單介紹一下，“入門級小白”和“職業(yè)大?！倍夹枰莆漳男┚幊陶Z言？

一、初級階段需要掌握什么編程語言？

初級階段建議先從Python開始。Python 是一個高層次的結合了解釋性、編譯性、互動性和面向對象的腳本語言。它設計清晰，文檔齊全，對初學者很合適。Python 的設計具有很強的可讀性，相比其他語言經常使用英文關鍵字，其他語言的一些標點符號，它具有比其他語言更有特色語法結構。

作為黑客首選的編程語言Python，具有如下優(yōu)點：

1、豐富的庫。

Python標準庫確實很龐大。python有可定義的第三方庫可以使用。它可以幫助你處理各種工作，包括正則表達式、文檔生成、單元測試、線程、數(shù)據(jù)庫、網(wǎng)頁瀏覽器、CGI、FTP、電子郵件、XML、XML-RPC、HTML、WAV文件、密碼系統(tǒng)、GUI（圖形用戶界面）、Tk和其他與系統(tǒng)有關的操作。記住，只要安裝了Python，所有這些功能都是可用的。這被稱作Python的“功能齊全”理念。除了標準庫以外，還有許多其他高質量的庫，如wxPython、Twisted和Python圖像庫等等。Python 提供多種庫，用于支持黑客攻擊，比如 pydbg、scapy、sqlmap、httplib 等。目前，這些庫被廣泛應用于各種黑客攻擊。

2、能夠訪問各種 API。

Python 提供了 ctypes 庫，借助它，黑客可以訪問 Windows、OS X、Linux、Solaris、FreeBSD、OpenBSD 等系統(tǒng)提供的 DLL 與共享庫。

3、可移植性

由于它的開源本質，Python已經被移植在許多平臺上（經過改動使它能夠工作在不同平臺上）。如果你小心地避免使用依賴于系統(tǒng)的特性，那么你的所有Python程序無需修改就可以在下述任何平臺上面運行。這些平臺包括Linux、Windows、FreeBSD、Macintosh、Solaris、OS/2、Amiga、AROS、AS/400、BeOS、OS/390、z/OS、Palm OS、QNX、VMS、Psion、Acom RISC OS、VxWorks、PlayStation、Sharp Zaurus、Windows CE甚至還有PocketPC、Symbian以及Google基于linux開發(fā)的Android平臺！

4、大量黑客攻擊工具提供 Python API。

最具代表性的黑客攻擊工具有 sqlmap、Nmap、Metasploit 等，它們都提供 Python 擴展接口。黑客使用 Python 可以將這些工具打造得更強大。

5、易學易用。

作為初學python的科班出身的小白，python非常簡單，非常適合人類閱讀。閱讀一個良好的Python程序就感覺像是在讀英語一樣！Python的這種偽代碼本質是它最大的優(yōu)點之一。它使你能夠專注于解決問題而不是去搞明白語言本身Python 語言易學易用，現(xiàn)在好多線上兒童學習編程多數(shù)采用的就是Python語言編程。

6、除了以上優(yōu)點，Python 還提供了豐富多樣的模塊，這些模塊幾乎可以直接用于所有黑客攻擊領域。

對于黑客攻擊模塊不提供的領域，可以借由 ctypes 調用操作系統(tǒng)提供的原生 API。簡言之，使用 Python 幾乎可以攻擊所有領域，比如應用程序、Web、網(wǎng)絡、系統(tǒng)等，下面分別介紹各領域 Python 黑客攻擊技術。

· 應用程序黑客攻擊：可以向運行中的應用程序插入任意 DLL 或者源代碼，攔截用戶的鍵盤輸入以盜取密碼。此外，還可以將黑客攻擊代碼插入圖片文件，在網(wǎng)絡散布傳播。

· Web 黑客攻擊：可以創(chuàng)建網(wǎng)頁爬蟲，收集 Web 頁面包含的鏈接，實現(xiàn) SQL 注入，向處理用戶輸入的部分注入錯誤代碼。使用 Python 可以實現(xiàn)簡單的網(wǎng)絡瀏覽器功能，通過操縱 HTTP 包，上傳 Web shell 攻擊所需文件。

· 網(wǎng)絡黑客攻擊：可以實施網(wǎng)絡踩點，搜索系統(tǒng)開放的端口，收集并分析網(wǎng)絡上的數(shù)據(jù)包，進行網(wǎng)絡嗅探。偽裝服務器地址，實施 IP 欺騙攻擊，非法盜取敏感信息。也可以大量發(fā)送數(shù)據(jù)包，實施拒絕服務式攻擊，使服務器陷入癱瘓，無法正常對外提供服務。

· 系統(tǒng)黑客攻擊：黑客可以編寫后門程序以控制用戶 PC，開發(fā)用于搜索并修改 PC 注冊表的功能。還可以利用應用程序的錯誤，通過緩沖區(qū)溢出或格式字符串實施攻擊。

所以針對“入門級小白”可以首選Python編程語言進行學習。

二、職業(yè)進級階段需要學習什么編程語言？

一般來說，要成為一名真正意義的“黑客”，至少需要掌握 3-4 種編程語言。其中最具代表性的是 C 、C++語言，它們在分析系統(tǒng)與程序行為的過程中起著核心作用。

首先我們先講講C、C++語言，這兩種編程語言為何是一個職業(yè)黑客必須掌握的基礎語言？　

黑客界，有兩樣重要的課程，一是計算機的本質，二是編譯原理。相對于匯編等底層語言，它簡單；相對于其它高級語言，它更為接近計算機；同樣它對黑客的兩大課程很有幫助。所以可以這么說，只要稍微厲害的黑客，必定精通C、Ｃ＋＋語言。

由于C語言，C++這兩種比較靠近底層的語言一般來說市面上比較流行的操作系統(tǒng)windows和linux，windows上面的病毒和被攻擊的最厲害。所以想在這個上面玩一些破解必須掌握windows api這些接口的使用，找破解的對象首先要了解破解對象所在生存環(huán)境。這些生存環(huán)境基本上不是c就是c++的編程環(huán)境?，F(xiàn)在常見的病毒軟件就是利用windows系統(tǒng)的漏洞注入到系統(tǒng)中，然后伺機做壞事。截取你的鍵盤或者鼠標之類的。目前這類的病毒軟件也是最多的，安全軟件處理最多的也是著這類。要不360安全大師背后養(yǎng)著多少黑客出身的超級高手，就是為了對抗這些不安分的小嘍啰。目前基于linux系統(tǒng)的服務器用的最多，被攻擊的也最多，這就需要熟悉linux系統(tǒng)的組成以及內核構造，linux內核是c語言所寫。但凡涉及到系統(tǒng)層面的東西都離不開c和c++所以想做點壞事也是需要一定的編程資本。

接下來簡單介紹一下這兩種編程語言。

C語言基本定義：

C語言是一門通用計算機編程語言，廣泛應用于底層開發(fā)。C語言的設計目標是提供一種能以簡易的方式編譯、處理低級存儲器、產生少量的機器碼以及不需要任何運行環(huán)境支持便能運行的編程語言。盡管C語言提供了許多低級處理的功能，但仍然保持著良好跨平臺的特性，以一個標準規(guī)格寫出的C語言程序可在許多電腦平臺上進行編譯，甚至包含一些嵌入式處理器（單片機或稱MCU）以及超級電腦等作業(yè)平臺。

Ｃ語言優(yōu)點：

1、簡潔緊湊、靈活方便

C語言一共只有32個關鍵字,9種控制語句，程序書寫自由，主要用小寫字母表示。它把高級語言的基本結構和語句與低級語言的實用性結合起來。 C 語言可以象匯編語言一樣對位、字節(jié)和地址進行操作, 而這三者是計算機最基本的工作單元。

2、運算符豐富

C的運算符包含的范圍很廣泛，共有種34個運算符。C語言把括號、賦值、強制類型轉換等都作為運算符處理。從而使C的運算類型極其豐富表達式類型多樣化，靈活使用各種運算符可以實現(xiàn)在其它高級語言中難以實現(xiàn)的運算。

3、數(shù)據(jù)結構豐富

C的數(shù)據(jù)類型有:整型、實型、字符型、數(shù)組類型、指針類型、結構體類型、共用體類型等。能用來實現(xiàn)各種復雜的數(shù)據(jù)類型的運算。并引入了指針概念,使程序效率更高。另外C語言具有強大的圖形功能, 支持多種顯示器和驅動器。且計算功能、邏輯判斷功能強大。

4、C是結構式語言

結構式語言的顯著特點是代碼及數(shù)據(jù)的分隔化,即程序的各個部分除了必要的信息交流外彼此獨立。這種結構化方式可使程序層次清晰, 便于使用、維護以及調試。C語言是以函數(shù)形式提供給用戶的,這些函數(shù)可方便的調用,并具有多種循環(huán)、條件語句控制程序流向,從而使程序完全結構化。

5、C語法限制不太嚴格、程序設計自由度大

一般的高級語言語法檢查比較嚴，能夠檢查出幾乎所有的語法錯誤。而C語言允許程序編寫者有較大的自由度。

6、C語言允許直接訪問物理地址，可以直接對硬件進行操作

因此既具有高級語言的功能，又具有低級語言的許多功能，能夠象匯編語言一樣對位、字節(jié)和地址進行操作,而這三者是計算機最基本的工作單元，可以用來寫系統(tǒng)軟件。

7、C語言程序生成代碼質量高，程序執(zhí)行效率高

一般只比匯編程序生成的目標代碼效率低10へ20%。

8、 C語言適用范圍大，可移植性好

C語言有一個突出的優(yōu)點就是適合于多種操作系統(tǒng), 如DOS、UNIX,也適用于多種機型

Ｃ＋＋語言基本定義：

C++是C語言的繼承，它既可以進行C語言的過程化程序設計，又可以進行以抽象數(shù)據(jù)類型為特點的基于對象的程序設計，還可以進行以繼承和多態(tài)為特點的面向對象的程序設計。C++擅長面向對象程序設計的同時，還可以進行基于過程的程序設計。

Ｃ＋＋語言優(yōu)點：

１、C++設計成靜態(tài)類型、和C同樣高效且可移植的多用途程序設計語言。

２、C++設計直接的和廣泛的支持多種程序設計風格（程序化程序設計、資料抽象化、面向對象程序設計、泛型程序設計）。

３、C++設計無需復雜的程序設計環(huán)境。

４、C++語言靈活，運算符的數(shù)據(jù)結構豐富、具有結構化控制語句、程序執(zhí)行效率高，而且同時具有高級語言與匯編語言的優(yōu)點，與其它語言相比，可以直接訪問物理地址，與匯編語言相比又具有良好的可讀性和可移植性。

總得來說，C++語言的主要特點表現(xiàn)在兩個方面，一是盡量兼容C,二是支持面向對象的方法。它操持了C的簡潔、高效的接近匯編語言等特點，對C的類型系統(tǒng)進行了改革的擴充，因此C++比C更安全，C++的編譯系統(tǒng)能檢查出更多的類型錯誤。另外，由于C語言的廣泛使用，因而極大的促進了C++的普及和推廣。

C++語言最有意義的方面是支持面向對象的特征。

C和C++的區(qū)別：

C是一個結構化語言，它的重點在于算法和數(shù)據(jù)結構。C程序的設計首要考慮的是如何通過一個過程，對輸入（或環(huán)境條件）進行運算處理得到輸出（或實現(xiàn)過程（事務）控制）。

C++，首要考慮的是如何構造一個對象模型，讓這個模型能夠契合與之對應的問題域，這樣就可以通過獲取對象的狀態(tài)信息得到輸出或實現(xiàn)過程（事務）控制。所以C與C++的最大區(qū)別在于它們的用于解決問題的思想方法不一樣。之所以說C++比C更先進，是因為“ 設計這個概念已經被融入到C++之中 ”。

C與C++的最大區(qū)別：在于它們的用于解決問題的思想方法不一樣。之所以說C++比C更先進，是因為“ 設計這個概念已經被融入到C++之中 ”，而就語言本身而言，在C中更多的是算法的概念。那么是不是C就不重要了，錯！算法是程序設計的基礎，好的設計如果沒有好的算法，一樣不行。而且，“C加上好的設計”也能寫出非常好的東西。

講了這么多，學習的過程中是艱苦的也是快樂的，想真的掌握編程語言，確實不容易，需要理論學習，更需要實踐鍛煉，所以為了達到更高的學習效率，可以每天學習完理論后，給自己定一個實驗目標，然后做好筆記，這樣每天進步一點，離成為真正意義的“黑客”就不遠了。

音在HTML中可以以不同的方式播放.

問題以及解決方法

在 HTML 中播放音頻并不容易！

您需要諳熟大量技巧，以確保您的音頻文件在所有瀏覽器中（Internet Explorer, Chrome, Firefox, Safari, Opera）和所有硬件上（PC, Mac , iPad, iPhone）都能夠播放。

在這W3CSchool 為您總結了問題和解決方法。

使用插件

瀏覽器插件是一種擴展瀏覽器標準功能的小型計算機程序。

插件可以使用 <object> 標簽或者 <embed> 標簽添加在頁面上.

這些標簽定義資源（通常非 HTML 資源）的容器，根據(jù)類型，它們即會由瀏覽器顯示，也會由外部插件顯示。

使用 <embed> 元素

下面的代碼片段能夠顯示嵌入網(wǎng)頁中的 MP3 文件：

實例

問題:

<embed> 標簽在 HTML 4 中是無效的。頁面無法通過 HTML 4 驗證。
不同的瀏覽器對音頻格式的支持也不同。
如果瀏覽器不支持該文件格式，沒有插件的話就無法播放該音頻。
如果用戶的計算機未安裝插件，無法播放音頻。
如果把該文件轉換為其他格式，仍然無法在所有瀏覽器中播放。

使用 <object> 元素

下面的代碼片段能夠顯示嵌入網(wǎng)頁中的 MP3 文件：

實例

問題:

不同的瀏覽器對音頻格式的支持也不同。
如果瀏覽器不支持該文件格式，沒有插件的話就無法播放該音頻。
如果用戶的計算機未安裝插件，無法播放音頻。
如果把該文件轉換為其他格式，仍然無法在所有瀏覽器中播放。

使用 HTML5 <audio> 元素

HTML5 <audio> 元素是一個 HTML5 元素，在 HTML 4 中是非法的，但在所有瀏覽器中都有效。

The <audio> element works in all modern browsers.

以下我們將使用 <audio> 標簽來描述 MP3 文件(Internet Explorer、Chrome 以及 Safari 中是有效的), 同樣添加了一個 OGG 類型文件(Firefox 和 Opera瀏覽器中有效).如果失敗，它會顯示一個錯誤文本信息:

實例

Your browser does not support this audio format.

</audio>

問題:

<audio> 標簽在 HTML 4 中是無效的。您的頁面無法通過 HTML 4 驗證。
您必須把音頻文件轉換為不同的格式。
<audio> 元素在老式瀏覽器中不起作用。

最好的 HTML 解決方法

下面的例子使用了兩個不同的音頻格式。HTML5 <audio> 元素會嘗試以 mp3 或 ogg 來播放音頻。如果失敗，代碼將回退嘗試 <embed> 元素。

實例

</audio>

問題:

您必須把音頻轉換為不同的格式。
<embed> 元素無法回退來顯示錯誤消息。

雅虎媒體播放器 - 一個簡單的添加音頻到你網(wǎng)站上的方式

使用雅虎播放器是免費的。如需使用它，您需要把這段 JavaScript 插入網(wǎng)頁底部：

雅虎播放器可以播放MP3以及其他各種格式。你只需添加一行代碼到你的頁面或博客中就可以輕松地將您的HTML頁面制作成專業(yè)的播放列表：

實例

<a href="horse.mp3">Play Sound</a>

如果你要使用它，您需要把這段 JavaScript 插入網(wǎng)頁底部：

然后只需簡單地把 MP3 文件鏈接到您的 HTML 中，JavaScript 會自動地為每首歌創(chuàng)建播放按鈕：

...

雅虎媒體播放器為您的用戶提供的是一個小型的播放按鈕，而不是完整的播放器。不過，當您點擊該按鈕，會彈出完整的播放器。

請注意，這個播放器始終停靠在窗框底部。只需點擊它，就可將其滑出。

使用超鏈接

如果網(wǎng)頁包含指向媒體文件的超鏈接，大多數(shù)瀏覽器會使用"輔助應用程序"來播放文件。

以下代碼片段顯示指向 mp3 文件的鏈接。如果用戶點擊該鏈接，瀏覽器會啟動"輔助應用程序"來播放該文件：

實例

<a href="horse.mp3">Play the sound</a>

內聯(lián)的聲音說明

當您在網(wǎng)頁中包含聲音，或者作為網(wǎng)頁的組成部分時，它被稱為內聯(lián)聲音。

如果您打算在 web 應用程序中使用內聯(lián)聲音，您需要意識到很多人都覺得內聯(lián)聲音令人惱火。同時請注意，用戶可能已經關閉了瀏覽器中的內聯(lián)聲音選項。

我們最好的建議是只在用戶希望聽到內聯(lián)聲音的地方包含它們。一個正面的例子是，在用戶需要聽到錄音并點擊某個鏈接時，會打開頁面然后播放錄音。

HTML 多媒體標簽

New : HTML5 新標簽

標簽	描述
<embed>	定義內嵌對象。HTML4 中不贊成，HTML5 中允許。
<object>	定義內嵌對象。
<param>	定義對象的參數(shù)。
<audio>New	定義了聲音內容
<video>New	定義一個視頻或者影片
<source>New	定義了media元素的多媒體資源(<video> 和 <audio>)
<track>New	規(guī)定media元素的字幕文件或其他包含文本的文件 (<video> 和<audio>)

如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！

在線咨詢

上一篇：HTML與CSS的鏈接方式分類
下一篇：學習前端之前，先了解HTML的發(fā)展史

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯(lián)系。

整合營銷服務商

認識 HTML5

為“黑客”前，必須學習的“編程語言”有哪些？

您的項目需求

為“黑客”前，必須學習的“編程語言”有哪些？