HTML的簡介和歷史發展過程

HTML的簡介和歷史發展過程

前言

此次寫一篇對於HTML以及CSS的簡介，日常咱們你們都知道的編程語言有不少種，好比Java、C++、Python等等，每種編程語言都有其獨具的特點，不管是語法格式仍是表達形式，都能讓每一個程序員沉澱在知識的海洋裏難以自拔。即每種編程語言都有無限的延展性。但若是咱們考慮問題的時候可以追溯其根源，其實也不難發現每種編程語言都具備共同的初心，最直白的話就是人與計算機進行溝通的語言，在現實生活中，見什麼人說什麼話咱們都很清楚，那在與計算機溝通的世界中，作什麼事用什麼編程語言溝通也是一樣的道理，前提就是咱們要了解這些編程語言，在你須要選擇的時候作出正確的判斷，這也正是我寫此篇文章的意義。在學習一門編程語言以前，瞭解它的特性，帶着對特性的好奇和疑問去學習是最快最好的學習方法，就像你知道有個地方有不少寶藏，有藏寶圖和沒藏寶圖意義是不同的，帶着藏寶圖去尋找寶藏，你必定會大有收穫的。

HTML的簡介

HTML的英文全稱是 Hyper Text Marked Language，中文意思爲超文本標記語言。

首先咱們爲了更好的去理解一下什麼是超文本標記語言，而後咱們對超文本標記這五個字進行一一的拆分，而後去更好的理解它的意思。在理解超文本的時候，咱們先來理解一下文本在咱們的平常生活中代指的是什麼東西?

文本包含了好比說你新建的一個word文檔，一個txt文件，甚至一個html文件。這三個文件有相同的地方， 也有不一樣的地方。相同的地方在於不管是word文檔，仍是txt文件或者是html文件，咱們都能編寫文本的內容。那麼word文檔的不一樣在於咱們能夠在word文檔中設置一些超連接，甚至放一些圖片等等，而後在txt文件，就有必定的侷限性了，好比你放一張圖片或者設置超連接等這些行爲都是不能夠的，那麼在html文件中，它跟word文檔有點相似，在html文件中，咱們既能夠存放文本，又能夠存放圖片、音頻、視頻等等，均可以去存放，甚至說你在網頁中見到的一些很炫酷的小遊戲，均可以在咱們的Html文件中去編寫。

那接下來，我就對超文本好好解釋一下。咱們知道在html文件中，咱們是在裏面編寫整個代碼的，那麼其實編寫的就是超文本。所謂超文本，你們應該能聯想到超，即超出文本，那超文本比咱們的文本更高一級，它裏面包含了咱們常見的音頻、視頻以及超連接等。

這都是在咱們的網頁中稱爲超文本，那麼在html文件裏面，咱們既能存放這些內容，也能存放文本內容，甚至說，好比你寫一篇文章，文章裏面總會有那種一級標題、二級標題，還有一些列表、選項等等，咱們均可以經過HTML代碼去編寫，這些內容咱們就稱爲超文本。

那麼這些內容到底用哪些來去展示或展現呢？很簡單，接下來再跟我去理解一個詞叫標記。

什麼是標記呢？

我能夠用百度的官網去分析一下 標記。在百度官網上，咱們能發現，在頁面上存放着不少的內容，有超連接、圖片、輸入框等等，咱們先無論別的內容，就單單看右上角的 新聞字樣，是一個超連接，就是你點擊一下會跳轉到另一個頁面，咱們經過網頁的源碼去分析一下。打開網頁源碼很簡單，你能夠將鼠標懸浮到 新聞字樣上，而後右擊有個 檢查

點擊檢查後，就能看到網頁的源碼了，或者你也能夠直接在網頁界面上按快捷鍵F12，這樣也能查看源碼，打開後的樣子是這樣的：

你會發現網頁被分紅了兩欄，左欄一個，右欄一個，右欄就是源碼，內容有不少，你們先不用管，後面你會學到，很簡單，我先以新聞字樣爲例給你分析標記究竟是什麼。接下來，咱們把藍色的新聞部分，也就是我用紅框標記的部分複製一下，按Ctrl+c,而後到咱們的文本上粘貼，

複製進來後，爲了方便我講解，你們先把中間一些我在這講解時不必的代碼刪掉。

刪掉以後，咱們你們就會發現，新聞被左邊和右邊的a包裹起來了，其實它就構成了咱們的超連接，看到這個東西，你們可否聯想道咱們生活中常見的一個東西。好比說，咱們常常看書，我看過一本書叫紅樓夢，單是輸出紅樓夢字樣，就是一個文本，但若是用《》書名號包裹起來，《紅樓夢》，你們都能知道這是一本書。

你們能夠把包裹在新聞兩邊的a對應包裹在紅樓夢兩邊的書名號去看，是否是感受有點相似啊，其實咱們用書名號這個標記把紅樓夢給包裹起來，就叫作書名，同理，咱們用帶尖括號的a這個標記把新聞這個文本內容給包裹起來，咱們在網頁中稱爲超連接，這對帶尖括號的a就叫作標記。

那再從新整理一下什麼是標記？簡單來講，標記就是用HTML本身的語法規則把咱們的文本內容給包裹起來的這個東西就叫作標記。這種標記的書寫也很是簡單，包裹在文本左邊的叫開始標記，包裹在文本右邊的叫結束標記。到這，我想你們也明白了，在後續的學習過程當中，咱們看到的網頁中顯示的一級標題、二級標題、超連接、圖片、音頻等內容其實就是學習它們所對應的標記就能夠了。

HTML的歷史發展過程

首先咱們來看一下HTML從最原始到如今至今整個HTML語言的歷史發展過程。

• HTML 1.0：在1993年6月做爲互聯網工程工做小組(IETF)工做草案發布,由此超文本標記語言初版誕生。
• HTML 2.0：1995年1 1月做爲RFC 1866發佈，於2000年6月發佈以後被宣佈已通過時。
• HTML 3.2：1997年1月14日，W3C推薦標準。
• HTML 4.0：1997年12月18日，W3C推薦標準。
• HTML 4.01（微小改進）：1999年12月24日，W3C推薦標準。
• HTML 5：HTML5是公認的下一代Web語言，極大地提高了Web在富媒體、富內容和富應用等方面的能力，被喻爲終將改變移動互聯網的重要推手。 2014年10月28日，W3C推薦標準。

HTML5的誕生，標記着互聯玩時代的發展，好比所HTML5裏面誕生的音頻、視頻、圖像、動畫等都作了新的標準，它對於瀏覽器的兼容也是獲得了必定的處理，因而可知，HTML的整個歷史發展目前爲止咱們所使用的版本主要是99年誕生的HTML 4.01以及2014年誕生的HTML5。

HTML的特色

超級文本標記語言(HTML)文檔的製做其實不是很複雜，但其功能很是強大，且支持不一樣數據格式的文件鑲入，其主要特色以下：

• 簡易性：超級文本標記語言版本升級採用超集方式，從而更加靈活方便。
• 可擴展性：超級文本標記語言的普遍應用帶來了增強功能，增長標識符等要求，超級文本標記語言採起子類元素的方式，爲系統擴展帶來保證。
• 平臺無關性：雖然我的計算機有各式各樣，但使用MAC等其餘機器的大有人在，超級文本標記語言可使用在普遍的平臺上，這也是萬維網（WWW）盛行的另外一個緣由。
• 通用性：HTML是網絡的通用語言，一種簡單、通用的全置標記語言。它容許網頁製做人創建文本與圖片相結合的複雜頁面，這些頁面能夠被網上任何其餘人瀏覽到，不管使用的是什麼類型的電腦或瀏覽器。

總結

到這，這篇文章就講完了，我想當您看到這的時候，至少應該明白超文本標記語言的含義了吧，再日後學，就會愈來愈簡單了，這也是一個學習方法。其實編程語言就是個工具，就跟修車同樣，首先你要知道修這輛車要用什麼扳子或鉗子，這個過程就是你瞭解的過程，等你在修的時候知道何時該用什麼工具，那你已經入門了，下一步就是學習了，若是不會用工具，就看相對應的說明書去學習，對應到編程語言中，不也是如此嘛，你只要瞭解什麼各類編程語言的特性，知道何時該用什麼編程語言，真正要用的時候，就去對症下藥，學習你真正須要用的編程語言便可，這樣也會給你節省許多學習時間，不會由於編程語言雜亂而憂愁了。