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