TML作为一门标记语言，在各大领域的运用是非常广泛的，很多的公司对于HTML5的需求是非常的旺盛的，很多的公司对于HTML工程师的人才一直是处于供不应求的状态，这个也就是为什么HTML5开发仍然如此受欢迎的的原因了。

1、语义特性

HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。

2、HTML语法较弱。

在w3c制定的HTML5规范中，对于HTML5在语法结构上的规格限制是较松散的，如、或在浏览器中具有同样的功能，是不区分大小写的。另外，也没有严格要求每个控制标记都要有相对应的结束控制标记。

3、设备兼容特性

从Geolocation功能的API文档公开以来，HTML5为网页应用开发者们提供了更多功能上的优化选择，带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联。

4、HTML标记数目有限

在w3C所建议使用的HTML5规范中，所有控制标记都是固定的且数目是有限的。固定是指控制标记的名称固定不变，且每个控制标记都已被定义过，其所提供的功能与相关属性的设置都是固定的。

5、本地存储特性

基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，这些全得益于HTML5 APP Cache，以及本地存储功能。Indexed DB(html5本地存储重要的技术之一)和API说明文档。

6、HTML5编写简单

即使用户没有任何编程经验，也可以轻易使用HTML来设计网页，HTML5的使用只需将文本加上一些标记(Tags)即可。

HTML5语言之所以会受到企业的重视除了自身的发展前景之外肯定也是离不开HTML5自身的特征的，这些特征才是其发展好的原因。

TML5 是 HyperText Markup Language 5 的缩写，HTML5 技术结合了 HTML4.01 的相关标准并革新，符合现代网络发展要求，在 2008 年正式发布。HTML5 由不同的技术构成，其在互联网中得到了非常广泛的应用，提供更多增强网络应用的标准机。与传统的技术相比，HTML5 的语法特征更加明显，并且结合了SVG的内容。这些内容在网页中使用可以更加便捷地处理多媒体内容，而且 HTML5中还结合了其他元素，对原有的功能进行调整和修改，进行标准化工作。HTML5 在 2012 年已形成了稳定的版本。

HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。HTML产生于1990年，1997年HTML4成为互联网标准，并广泛应用于互联网应用的开发。HTML5将Web带入一个成熟的应用平台，在这个平台上，视频、音频、图像、动画以及与设备的交互都进行了规范。

关于HTML5的一些新规范、新特性接下来，小编一一给咱们介绍下哈！

一、智能表单

表单是实现用户与页面后台交互主要组成部分，HTML5在表单的设计上功能更加强大。input类型和属性的多样性大大地增强了HTML可表达的表单形式，再加上新增加的一些表单标签，使得原本需要JavaScript来实现的控件，可以直接使用HTML5的表单来实现；一些如内容提示、焦点处理、数据验证等功能，也可以通过HTML5的智能表单属性标签来完成。

二、绘图画布

HTML5的canvas元素可以实现画布功能，该元素通过自带的API结合使用JavaScript脚本语言在网页上绘制图形和处理，拥有实现绘制线条、弧线以及矩形，用样式和颜色填充区域，书写样式化文本，以及添加图像的方法，且使用JavaScript可以控制其每一个像素。HTML5的canvas元素使得浏览器无需Flash或Silverlight等插件就能直接显示图形或动画图像。

三、多媒体

HTML5最大特色之一就是支持音频视频，在通过增加了<audio>、<video>两个标签来实现对多媒体中的音频、视频使用的支持，只要在Web网页中嵌入这两个标签，而无需第三方插件（如Flash）就可以实现音视频的播放功能。HTML5对音频、视频文件的支持使得浏览器摆脱了对插件的依赖，加快了页面的加载速度，扩展了互联网多媒体技术的发展空间。

四、地理定位

现今移动网络备受青睐，用户对实时定位的应用越来，要求也越来越高。HTML5通过引入Geolocation的API可以通过GPS或网络信息实现用户的定位功能，定位更加准确、灵活。通过HTML5进行定位，除了可以定位自己的位置，还可以在他人对你开放信息的情况下获得他人的定位信息。

五、数据存储

HTML5较之传统的数据存储有自已的存储方式，允许在客户端实现较大规模的数据存储。为了满足不同的需求，HTML5支持DOM Storage和Web SQL Database 两种存储机制。其中，DOM Storage 适用于具有key/value对的基本本地存储；而WebSQLDatabase是适用于关系型数据库的存储方式，开发者可以使用SQL语法对这些数据进行查询、插入等操作。

六、多线程

HTML5利用Web Worker将Web应用程序从原来的单线程业界中解放出来，通过创建一个Web Worker对象就可以实现多线程操作。JavaScript创建的Web程序处理事务都是在单线程中执行，响应时间较长，而当JavaScript过于复杂时，还有可能出现死锁的局面。HTML5新增加了一个WebWorkerAPI，用户可以创建多个在后台的线程，将耗费较长时间的处理交给后台面不影响用户界面和响应速度，这些处理不会因用户交互而运行中断。使用后台线程不能访问页面和窗口对象，但后台线程可以和页面之间进行数据交互。子线程与子线程之间的数据交互，大致步骤如下：①先创建发送数据的子线程；②执行子线程任务，把要传递的数据发送给主线程；③在主线程接受到子线程传递回的消息时创建接收数据的子线程，然后把发送数据的子线程中返回的消息传递给接收数据的子线程；④执行接收数据子线程中的代码。

以上就是小编给咱们大家总结的HTML5的一些新特性。接下来，小编给咱们大家总结一下HTML5的优点，让我们再来感受一下HTML5的魅力吧!!!

HTML5作为新一代网络标准能够让程序通过Web浏览器，消费者从而能够从包括个人电脑、笔记本电脑、智能手机或平板电脑在内的任意终端访问相同的程序和基于云端的信息。HTML5允许程序通过Web浏览器运行，并且将视频等目前需要插件和其它平台才能使用的多媒体内容也纳入其中，这将使浏览器成为一种通用的平台，用户通过浏览器就能完成任务。此外，消费者还可以访问以远程方式存储在“云”中的各种内容，不受位置和设备的限制。由于HTML5技术中存在较为先进的本地存储技术，所以其能做到降低应用程序的响应时间为用户带来更便捷的体验。

好啦，今天小编就给大家分享到此，我们下期再见哈。

浏览器更好用，自然离不开万能的《油猴插件》（戳这里），通过脚本实现去广告、绕过二次跳转、自动翻页、悬停看图、扒下载链接等功能。虽说AC-baidu这类的脚本自带更改页面样式，

但由于是1对1的，没法改所有网站的面貌，这时候就要用到另一个插件“Stylus”了，它可以让绝大多数网页都变得工工整整（赶上时代）。

▌用上Stylus

插件可以直接诶从Chrome浏览器插件商店安装，或者网上直接下一个。

样式可以点击插件中[查找更多样式]，

接下来会列出所在网页可用的所有样式，供你选择，包含源链接、发布日期、本周/所有下载数据等。

装好的样式可以在顶部选择开关，也可以组合搭配使用（可能有bug冲突），比方说：

这一步可能需要梯子，不然可能加载不出来...你也可以到Stylish的网站userstyles.org下载安装。

点击[选项]进入设置界面，它支持Dropbox、Google Drive、Onedrive云同步功能，一键在其他电脑上同步使用，不再需要一个个手动重新添加。

▌样式推荐

百度：Baidu Lite 百度轻

谷歌：Google Search - Material Design

IT之家：IT之家去广告,优化阅读

贴吧：TieBa Maverick

知乎：Flat Zhihu 扁平化知乎

微博：Weibo v6 简约微博

斗鱼：Douyu Cleaner清爽斗鱼

夜读：NightShift - eye care 全局夜间模式

字体：ForceMyFonts 全局字体美化

如果你恰巧会一点CSS，那么可以自定义修改任意样式，也可以从头自己做。

▌什么是CSS（层叠样式表）？

Stylus的原理也不复杂，通过CSS层叠样式表改变网页样式，什么字体、背景、边框、网页布局，统统在它的掌控之中，就像整形一样，换个鼻子、调个眼睛什么的，还是全程无痛。

CSS很复杂，但是Stylus简单好用、没啥学习成本，所以这部分只是当简单的拓展讲一下：

那它是如何诞生的呢？这还得从1993年说起，早期网页使用的是RRP样式，仅支持一个样式表，只能显示文字，看网页的体验可能还不如看报纸来的丰富。之前在《浏览器的辉煌发展史》（戳这里）中咱们提到过一款Mosaic（马赛克）浏览器，

开始采用HTML标签实现样式表达，支持了书签、图标按钮、图片显示这些革命性的功能、沿用至今。网景最早支持HTML框架显示，也就是最简单的table布局，

可以调整内外边距，网页看着更舒服，优点是兼容性高，但既要负责图文内容、又要负责排版样式，注定了他的样式不够美观。

魏培源开发的ViolaWWW浏览器用了有层次嵌套性的样式表，率先支持用<Link>标签引用外部样式表（可以简单理解为：你请了个美工帮你改善改善）。但各家浏览器各用各的，岂不是乱了套？1994年，以万维网之父老李为首的W3C万维网联盟，开始提供网络标准化建议。

同年老莱（Håkon W Lie）提出层叠HTML样式表（CHSS）支持用户自定义样式，网页作者可以自己DIY版面，不同的规则用不同的百分比呈现，这也是CSS的雏形。隔壁的波斯正在做一款Argo浏览器，两人相谈盛欢、打算合作。

1996年底出现了一种和CSS语法很像的表现指明语言，PSL 96，可以根据不同的浏览器信息，自动判断用什么样式。年底，CSS已经完成，支持改变字体大小、字形、颜色、间距、排列、表格、边框、id、class等等，如果说普通网页是你刚买到手的毛坯房，那么CSS就是你给它做装修。

但由于早期网页设计师滥用HTML导致了“tagsoup标签汤”问题，哪怕微软在IE上逐步实现CSS，但BUG依然不少（

果然BUG是微软祖传BUFF）。

隔壁对手网景则推出了JS（JavaScript）语言，浏览器大战没有胜者，当时的网页设计师被迫要为IE和网景分别设计一套网页，头都气秃了...

于是民间团体WaSP（网页标准计划）发动水军推动W3C 标准化，怒喷那些不加盟的厂商。在1998年出台CSS2，他们之中的7位主要成员成立了CSS 武士团（CSS Samurai），催厂商们改善对CSS的支持，Opera照做了，但微软依旧无动于衷。

可能也是因为大家看不到CSS的优势，觉得没必要，但2003年，Dave Shea推出了CSS 禅意花园（CSS Zen Garden）来展示样式效果，也就是搭了个“样板房”，让设计师们热血沸腾起来。

在2006~2009年间，DIV+CSS布局开始取代传统表格布局，CSS3引入了简单动画等功能，插了JS一脚，还有灵活的flex弹性布局，沿用至今，而2011年开始设计的CSS4特性目前支持的还太少。

▌其他浏览器

你说为啥不直接用Stylish呢？因为3年前原作者卖给SimilarWeb之后，它涉嫌窃取用户浏览历史，被Chrome和Firefox下架。而Stylus是Stylish 1.5.2的开发分支，也是原作者维护的最后一个版本，作为GH上的开源项目，代码公开审查，可以安心食用啦。

除了Chrome外，Firefox、Opera也都支持，Safari可以用FreeStyler（你也要来一段说唱吗），同类插件还有xStyle。当然，由于win的字体渲染并不美观，还可以搭配MacType使用，关于它的配置方法，咱们以后继续说。

参考&引用：

sspai.com/post/40485

sspai.com/post/45537

github.com/openstyles/stylus

zhihu.com/search?type=content&q=css

zhihu.com/question/24826065/answer/194294438

zh.wikipedia.org/wiki/层叠样式表?oldformat=true