HTML5概述

05-07

前言

目前網路已經成為人們生活、工作中不可缺少的一部分，網頁設計也成為學習計算機的主要內容之一。製作網頁可以選用各種各樣的可視化編輯軟體，但無論採用哪一種網頁編輯軟體，其最後都是將所涉及的網頁轉化為HTML。HTML是網頁的基礎語言，而HTML5作為作為HTML系列的第五次的重大修改，新功能不斷推出，十分有可能「開放Web平台」的基石。本文主要對HTML5有一個整體上的認識。

HTML5的基本概念
HTML的發展歷史
HTML的編寫方法

HTML5的基本概念

說起HTML5就不得不提HTML，那什麼是HTML呢？HTML是一種超文本標記語言（HyperText Markup Language），是標準通用標記語言下的一個應用。所謂「超文本」就是超出文本本身不再局限於本身文本，也就是指可以在頁面內可以包含圖片、鏈接，甚至音樂、程序等非文字元素。超文本標記語言的結構一般包括「頭」部分（英語：Head）、和「主體」部分（英語：Body），其中「頭」部提供關於網頁的信息，「主體」部分提供網頁的具體內容，這些被稱為標記，再HTML5的語法中會詳細提到。而HTML5就是HTML的第五個版本，也是最新的一個版本。

HTML5在嚴格意義上講不能算作一種編程語言，它只是一種描述性的標記語言，用於描述超文本中的內容和結構。HTML的最基本語法是<標記符>。標記符通常總是成對出現的，也會有特例。HTML5的語法比前一段時間說的Markdown的語法稍多一些，但難度也不是很大，網上據說有一個小時精通HTML5的教程。當然僅僅只會HTML5，肯定還不能製作出那些漂亮的網頁，還需要CSS（層疊樣式表）和JavaScript的配合使用。簡單說一下JavaScript。JavaScript和Java除了語法上有點類似，幾乎沒有什麼相同之處，並且是有不同的公司開發研製的。JavaScript起初叫LiveScript，後來完全是為了營銷考慮才改名的。

HTML的發展歷史

HTML從誕生到今天，經歷了幾十載，發展過程也有很多曲折，經歷的版本如下。

超文本標記語言（第一版）——在1993年6月作為互聯網工程工作小組（IETF）工作草案發布（並非標準）：
HTML 2.0——1995年11月作為RFC 1866發布，在RFC 2854於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——2014年10月28日，W3C推薦標準

為什麼會出現HTML 5呢？自1999年12月發布的HTML4.01後，後繼的HTML5和其它標準被束之高閣，為了推動Web標準化運動的發展，一些公司聯合起來，成立了一個叫做 Web Hypertext Application Technology Working Group （Web超文本應用技術工作組 -WHATWG）的組織。WHATWG 致力於 Web 表單和應用程序，而W3C 專註於XHTML2.0。在 2006 年，雙方決定進行合作，來創建一個新版本的 HTML。於是HTML 5就在兩者的合作中誕生了。

這裡要介紹下W3C.W3C是英文World Wide Web Consortium的縮寫，中文意思是W3C理事會或者萬維網聯盟。於1994年10月在麻省理工學院計算機科學實驗室成立。建立者是萬維網的發明者蒂姆·伯納斯·李。W3C組織是對網路標準制定的一個非營利性組織，致力於發展 Web 規範。個人覺得是因為和「世界中心」重名才叫W3C的。哈哈哈。W3C組織官網是https://www.w3.org/

其建立者伯納斯·李（Tim Berners-Lee）原來學的是物理，好了進入著名的由歐洲原子核研究會（CERN）建立的粒子實驗室。在這裡接受了一項極富挑戰性的工作：為了使歐洲各國的核物理學家能通過計算機網路及時溝通傳遞信息進行合作研究，委託他開發一個軟體，以便使分布在各國各地物理實驗室、研究所的最新信息、數據、圖像資料可供大家共享。經過幾年的奮鬥，蒂姆成功開發出世界上第一個Web伺服器和第一個Web客戶機，然後經過發展就有了昨天的Internet。

既然說到了網頁，就不得不提到瀏覽器。不知道各位現在用的是什麼瀏覽器，反正小編一直使用的就是Google Chrome。瀏覽器的話，現在大家主要用的就是以下幾個：Firefox，Google Chrome，Safari，Opera和IE。

特地去看了下2017年各大瀏覽器的市場佔比。

還有個就是瀏覽器戰爭。

瀏覽器第一次大戰：IE vs.網景
1994年，網景瀏覽器發布第一款非Beta版

1995年，微軟從Spygalss獲得授權，打造了IE瀏覽器

直到1997年10月，微軟的IE瀏覽器已經發布到4.0版本，但是其市場份額仍然只有18%，網景佔據72%

1998年11月，AOL以42億美元的價格收購網景

通過將IE瀏覽器與Windows操作系統綁定，微軟的IE瀏覽器在2002年徹底打敗網景，佔據市場98%的份額

可以說在第一次瀏覽器戰爭中微軟使用了各種方法，把網景給幹掉了。既當裁判又當運動員，最後完勝網景。

瀏覽器第二次大戰：Chrome vs.IE
2003年7月，網景瀏覽器將源代碼開源，同時建立Mozilla Foundation
2004年11月，Mozilla發布第一款Firefox瀏覽器

2008年，Google發布自己的瀏覽器Chrome

到2009年5月份，各大瀏覽器市場份額大概為：IE 62.09%；Firefox 28.75%；Opera 3.23%；Safari 2.65%；Chrome 2.45%

2010年，IE瀏覽器份額首次跌破50%

2012年5月，各大瀏覽器的全球份額：IE 32.42%；Chrome 32.28%（註：根據最新數據，Chrome已經超越IE成為全球最大瀏覽器）；Firefox 25.39%；Safari 7.14%；Opera 1.75%電子商務與瀏覽器之間的關係：

儘管Chrome逐漸取IE瀏覽器成為新的瀏覽器霸主，但是隨著移動互聯網的崛起，特別是蘋果iPhone和iPad的逐漸普及給移動電子商務帶來強勁發展，Safari成為正在這個領域強勢崛起。

下一次瀏覽器戰爭不知道誰會獲勝，但隨著移動互聯網的崛起，Safari有很大潛力。

HTML的編寫方法

一般來說有兩種方式來產生HTML文件:一種是自己寫HTML文件，事實上這並不是很困難，也不需要特別的技巧；另一種就是使用HTML編輯器，它可以輔助使用者來做編寫工作。個人覺得初學者使用第一種方法比較合適，推薦兩款軟體Notepad++和Editplus，當然記事本也可以，注意把其擴展名改為.html或者.htm就行，然後保存，用瀏覽器打開就可以查看相應的效果。用編輯器的話，也推薦兩款，Adobe公司的Dreamweaver和Visual Studio Code。下面提供一段簡單的代碼。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>第一個網頁</title>
</head>
<body>這是我的第一個網頁</body>

</html>

渲染出來的結果就是

再來看兩個高級一點的例子。

編輯不易，歡迎推廣