avaScript 版本

• JS 保留詞
• JS 版本 ES5

JavaScript 版本

JavaScript 由 Brendan Eich 于 1995 年發明，并于 1997 年成為 ECMA 標準。

ECMAScript 是該語言的官方名稱。

從 2015 年起，ECMAScript 按年命名（ECMAScript 2015）。

ECMAScript 版本

版本 官方名稱 描述 1 ECMAScript 1 (1997) 第一版。 2 ECMAScript 2 (1998) 只改變編輯方式。 3 ECMAScript 3 (1999)

• 添加了正則表達式。
• 添加了 try/catch。

4 ECMAScript 4 從未發布過。 5

ECMAScript 5 (2009)

閱讀更多：JS ES5

• 添加了“嚴格模式”。
• 添加了 JSON 支持。
• 添加了 String.trim()。
• 添加了 Array.isArray()。
• 添加了數組迭代方法。

5.1 ECMAScript 5.1 (2011) 編輯改變。 6

ECMAScript 2015

閱讀更多：JS ES6

• 添加了 let 和 const
• 添加了默認參數值
• 添加了 Array.find()
• 添加了 Array.findIndex()

7 ECMAScript 2016

• 添加了指數運算符（**）。
• 添加了 Array.prototype.includes。

8 ECMAScript 2017

• 添加了字符串填充。
• 添加了新的 Object 屬性。
• 添加了異步功能。
• 添加了共享內存。

9 ECMAScript 2018

• 添加了 rest / spread 屬性。
• 添加了異步迭代。
• 添加了 Promise.finally()。
• 增加 RegExp。

ECMAScript 通常縮寫為 ES。

瀏覽器支持

所有瀏覽器都完全支持 ECMAScript 3。

所有現代瀏覽器都完全支持 ECMAScript 5。

對 ES5 的瀏覽器支持（2009）

瀏覽器 版本 起始日期 Chrome 23 2012 年 9 月 Firefox 21 2013 年 4 月 IE 9* 2011 年 3 月 IE / Edge 10 2012 年 9 月 Safari 6 2012 年 7 月 Opera 15 2013 年 7 月

* Internet Explorer 9 不支持 ECMAScript 5 "use strict"。

對 ES6 的瀏覽器支持（ECMAScript 2015）

瀏覽器 版本 日期 Chrome 58 2017 年 4 月 Firefox 54 2017 年 6 月 Edge 14 2016 年 8 月 Safari 10 2016 年 9 月 Opera 55 2017 年 8 月

Internet Explorer 不支持 ECMAScript 2015。

對 ES7 的瀏覽器支持（ECMAScript 2016）

瀏覽器 版本 日期 Chrome 68 2018 年 5 月 Opera 47 2018 年 7 月

JavaScript / ECMAScript

JavaScript 是為 Netscape 開發的。 Netscape 2 是第一個運行 JavaScript 的瀏覽器。

在 Netscape 之后，Mozilla 基金會繼續為 Firefox 瀏覽器開發 JavaScript。

最新的 JavaScript 版本是 1.8.5。 （與 ECMAScript 5 相同）。

ECMAScript 由 ECMA International 在組織采用 JavaScript 之后開發的。

第一版 ECMAScript 于 1997 年發布。

此列表比較了不同產品的版本號：

年份 JavaScript ECMA 瀏覽器 1996 1.0 Netscape 2 1997 ECMAScript 1 IE 4 1998 1.3 Netscape 4 1999 ECMAScript 2 IE 5 2000 ECMAScript 3 IE 5.5 2000 1.5 Netscape 6 2000 1.5 Firefox 1 2011 ECMAScript 5 IE 9（除了 "use strict"） 2011 1.8.5 Firefox 4（除了 parseInt 中的前導零） 2012 IE 10 2012 Chrome 23 2012 Safari 6 2013 Firefox 21 2013 Opera 15 2015 ECMAScript 2015 在所有瀏覽器中部分支持

IE 4 是第一個支持 ECMAScript 1（1997）的瀏覽器。

IE 5 是第一個支持 ECMAScript 2（1999）的瀏覽器。

IE 5.5 是第一個支持 ECMAScript 3（2000）的瀏覽器。

IE 9 * 是第一個支持 ECMAScript 5（2011）的瀏覽器。

Internet Explorer 9 不支持 ECMAScript 5“use strict”。

Chrome 23、IE 10 和Safari 6 是第一批完全支持 ECMAScript 5 的瀏覽器：

Chrome 23 IE10 / Edge Firefox 21 Safari 6 Opera 15 2012 年 9 月 2012 年 9 月 2013 年 4 月 2012 年 7 月 2013 年 7 月

TML（HyperText Markup Language，超文本標記語言）是一種用于定義網頁內容的含義和結構的標記語言。除此之外，網頁還需要 CSS 描述網頁的展示效果和 JavaScript實現與用戶的交互性。它不是編程語言。

發明HTML

HTML 是由 Tim Berners-Lee 和同事 Daniel W.Connolly 于 1990 年創立的一種標記語言。當時，Tim Berners-Lee 發明了萬維網，并且為了方便閱讀網頁，又發明了 HTML、HTTP、URL，使用自制的瀏覽器去訪問網頁。HTML 中元素的設計深受 CERN 內部的 SGML 為基礎的文件格式 SGMLguid影響。

HTML 的發展

在Tim Berners-Lee 與 1990年發明了 HTML 后，經過了24年時間，到 2014年才發展到HTML 5，之間經歷了HTML 2.0、HTML 3.2、HTML 4.0、HTML4.01，直到HTML 5 這幾個版本。

Tim Berners-Lee加入的互聯網工程任務組（IETF）于 1993 年發布首個HTML規范的提案，并于6個月后過期，IETF創建了一個HTML工作組，并在 1995年完成 HTML 2.0，這是第一個HTML規范，而之前的版本只是草案階段，非正式版本。

而之后HTML標準的發展因為競爭利益遭到停歇，因此，從 1996 年開始，就一直由W3C組織維護HTML規范了，W3C 組織將標準化發布到 4.0版本后，終于在 2000年成為國際標準。

然而，發布了四個版本后，業界普遍認為 HTML 已經到了窮途末路，因此也將焦點轉移到了XML和XHTML上，因此，HTML迫切需要添加新功能，指定新規范，從而扭轉這一切。

就在這種情況下，一組人在 2004 年成立了 WHATWG，并創立了 HTML5 規范，同時也開始專門針對 Web 應用開發新功能，Web 2.0 就是在這時被發明的。在 2006 年，W3C 又重新介入 HTML，并與 WHATWG 合作共同，最終在 2008 年發布了 HTML5 工作草案。而在 HTML 5 規范還未定稿的情況下，各大瀏覽器廠商都開始將自家產品升級以支持 HTML 5 的新功能了。最終在 2014 年 10月 28 日完成標準化。

HTML5

HTML 5 是基于各種各樣的理念進行設計的，這些設計理念體現了對可能性和可行性的新認識。但 HTML 5 并不是顛覆性的革新。而是要保持一切新特性平滑過渡。

因為在 HTML 5 之前，在網頁上看視頻等，只能使用插件，如 Adobe 開發的 Flash，但瀏覽器廠商不想在自家產品上使用插件，因此，HTML 5 中的一個新特性就是讓瀏覽器直接處理那些原來要使用 Flash 的富內容。

總結

HTML 經過這些年的發展，已經走向成熟，是前端開發中不可或缺的一環，而 HTML 5 標準還沒有到最終版本，現在仍處在完善階段。前端要學習的還有很多，大家要加油！

eb標準：

由于不同瀏覽器解析出來的網頁效果可能不同，所以需要通過web標準對其進行約束使其一致，主要包括三個方面：

結構標準：

結構用于對網頁元素進行整理和分類，主要指的是HTML。

表現標準：

表現用于設置網頁元素的版式、顏色、大小等外觀樣式，主要指的是CSS。

行為標準：

行為是指網頁模型的定義及交互的編寫，主要指的是 JavaScript。

初識HTML：

html 全稱 Hyper Text Markup Language ，中文譯為：“超文本標記語言” ，描述網頁的一種語言。

HTML發展：

XHTML 是一個 W3C 標準，可擴展超文本標簽語言（EXtensible HyperText Markup Language），更嚴格更純凈的 HTML 版本，作為一種 XML 應用被重新定義的 HTML。

HTML中的注釋：

 <!-- 注釋標簽：注釋的內容 -->

條件注釋：

條件注釋的作用是：定義只有Internet Explorer才執行條件注釋中的html標簽。

    <!--[if IE 8]>
        .... some HTML here ....
    <![endif]-->

HTML骨架：

<!DOCTYPE html> <!-- 聲明文檔類型版本為html5 -->
<html lang="en"> <!-- 網頁的跟標簽,lang=""用來設置網頁語言，其值還有zh-CN中文簡體、fr法語等，設置后當系統設置語言和網頁語言發生沖突時會提示是否翻譯網頁 -->
    <head> <!-- 網頁的頭部 -->
        <meta charset='UTF-8'> <!-- 聲明字符編碼，其值還有gbk和gb2312 -->
        <meta name="viewport" content="width=device-width,user-scalable=no,maximum-scale=1.0,minimum-scale=1.0,initial-scale=1.0"> <!-- 開啟移動端視口 -->
        <meta name="apple-mobile-web-app-capable" content="yes"> <!-- 開啟ios快捷啟動方式 -->
        <meta name="apple-mobile-web-app-status-bar-style" content="black"> <!-- 設置iOS頂部通欄樣式 -->
        <meta name="format-detection" content="telephone=no"> <!-- 遇到數字不轉成電話號碼 -->
        <meta http-equiv="X-UA-Compatible" content="ie=edge"> <!-- X-UA-Compatible是針對IE瀏覽器做兼容的，ie=edge表示兼容edge，若后面ie=7，則表示兼容IE7 -->
        <meta name='keywords' content='This is a key words'> <!-- 網站搜索關鍵字 -->
        <meta name='description' content='this is description'> <!-- 描述網站的信息 -->
        <link rel="shortcut icon" type="image/x-icon" href="圖片路徑 "/> <!--  網站的圖標，如果圖標是gif圖，則需要改：type="image/gif"，引入網站圖標另一種方法：命名為favicon.ico文件放到網站根目錄下 -->
        <link rel="stylesheet" type="text/css" href="css文件路徑"/> <!-- 引用css文件 -->
        <base target="_blank"/> <!-- base標簽，定義這個網頁中a鏈接打開窗口的方式，其值還有_self -->
        <title>標題</title> <!-- 網站的標題 -->
        <style type="text/CSS">  /* 用來寫CSS代碼，type="text/CSS"可以省略 */
            div{width:100px; height:100px; color:white;}
        </style>
    </head>
    <body> <!-- 網頁的主體 -->
        <h1>標題</h1> <!-- 標題標簽，共六個級，分別為：h1~h6,大小逐級遞減，h1在一個網頁中只允許出現一次。 -->
        <p>段落</p> <!-- 段落標簽 -->
        <hr/> <!-- 單線標簽,所有單標簽后面的關閉符均可以省略 -->
        <br/> <!-- 換行標簽 -->
        </div></div> <!-- 無語義化標簽布局用,上面的標簽是語義化標簽 -->
        <span>span</span> <!-- 無語義化標簽分割用 -->                
        <strong>加粗</strong> <!-- 加粗標簽 -->
        <b>加粗</b> <!-- 加粗標簽 -->
        <i>傾斜</i> <!-- 傾斜標簽 -->
        <em>傾斜</em> <!-- 傾斜標簽 -->
        <s>刪除線</s> <!-- 刪除標簽 -->
        <del>刪除線</del> <!-- 刪除標簽 -->
        <u>下劃線</u> <!-- 下劃線標簽 -->
        <ins>下劃線</ins> <!-- 下劃線標簽 -->
        <img src="圖片路徑" alt="圖片無法加載，提示文字" title="鼠標懸停，提示文體" border="2"/> <!-- 圖像標簽，border是邊框屬性，width和height屬性設置圖像的寬度和高度 -->
        <a href="跳轉目標" target="_self">鏈接的命名</a> <!-- 鏈接標簽，target屬性為鏈接頁面打開的方式，默認值_self為自身打開；_blank為新窗口打開；_new為新窗口打開，相同頁面只會打開一個;_top跳出框架-->
        <ul> <!-- 無序列表 -->
            <li>列表項1</li>
            <li>列表項2</li>
            <li>列表項3</li>
        </ul>
        <ol type="A"> <!-- 有序列表,屬性type可以控制li序號的樣式，其屬性值有：1、A、a、I、i-->
            <li>中國</li>
            <li>美國</li>
            <li>英國</li>
        </ol>
        <dl> <!-- 自定義列表 -->
            <dt>分類1</dt> <!-- 分類名稱 -->
            <dd>分類1第1項</dd> <!-- 類的項 -->
            <dd>分類1第2項</dd>
            <dt>分類2</dt>
            <dd>分類2第1項</dd>
            <dd>分類2第2項</dd>
        </dl>
        <table> <!-- 定義表格，table標簽實際就是一個四方塊框框，里面有單元格才會顯示出表格的樣子 -->
        <caption>信息表</caption> <!-- 表格標題 -->
        <tr> <!-- 定義行 -->
            <th>姓名</th> <!-- 定義表頭，表頭文本有加粗居中效果 -->
            <th>年齡</th>
            <th>性別</th>
        </tr>
        <tr> <!-- 定義行 -->
            <td>小明</td> <!-- 定義單元格，表格里面沒有列-->
            <td>18</td>
            <td>男</td>
        </tr>
        </table>
    </body>
</html>

提示：本文圖片等素材來源于網絡，若有侵權，請發郵件至郵箱：810665436@qq.com聯系筆者刪除。

筆者：苦海123

其它問題可通過以下方式聯系本人咨詢：

QQ：810665436

微信：ConstancyMan