html5导航栏跟随界面_几分钟阅读带你认识HTML5

关于HTML5你知道多少？

HTML5是HTML最新的修订版本，2014年10月有万维网联盟（W3C）完成标准制定

1993年HTML的草案发布，在HTML5版本之前，HTML共有4个版本。2.0版、3.2版、4.0版，再到1999年的4.01版。

为什么会有HTML5这个版本？

4.01版后，W3C并不看好HTML，他们转而去发展XHTML，但并不理想。这时候由浏览器厂商们提出的H5标准更能顺应web2.0的时代，所以h5被慢慢推广起来。

2004年，浏览器主要厂商成立了WHAYWG (Web Hypertext Application Technology Working Group)组织，它们创立了HTML5规范，专门针对WEB应用开发新功能（web应用新功能认为是HTML4中最薄弱的环节）。WEB2.0也正是那个时候提出的。WEB2.0实至名归，开创了web的第二个时代，旧的静态网站逐渐让位于需要更多特征的动态网站和社交网站。2014年10月底（29日），HTML5规范正是定稿。

那么是什么是HTML5呢？

HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式，被认为是互联网的核心技术之一。HTML5是Web中核心语言HTML的规范，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。

HTML5只要是提供您想要的网站效果，而无需其他软件，如浏览器插件。它可以完成从动画到应用程序，从音乐到电影的各种操作，还可以用于构建在浏览器中运行的极其复杂的应用程序。

HTML5 有什么用呢？

1.HTML5 摆脱了对于平台的依赖

HTML5可以让你摆脱对平台的依赖，用户打开浏览器，直接就可以访问你的应用，而不需要经过各种Store的审核。

2.HTML5可以解决跨浏览器的问题

对于有过开发经验的前端人员来说，跨浏览器简直就是一个噩梦，明明在一个浏览器中正常运行的HTML+CSS+JavaScript页面，但换一个浏览器后，就会出现很多问题。HTML5的出现可能会改变了这种情况，多数核心代码不用重写，JavaScript的代码用的好的话，在许多地方都可以用到，包括移动应用、移动网站，PC网站、各种浏览器插件，甚至可以用Webkit封装作为跨平台的应用程序 。诚然，这种方式并非完全跨平台，但这样也足以减少很多工作量了，特别是后期的维护。所以，目前主流浏览器如Chorme、Firefox、Safari都表现对HTML5的极大热情。

3.HTML5有更多好看的动画效果

HTML5实现的网页更加的精美，这些动画是基于HTML5标签和CSS3样式共同实现的效果，HTML5技术还支持自适应，能做到“一次设计，普遍适用”。

4.HTML5网页让用户有更好的体验

HTML5支持网页端的Audio、Video等多媒体功能，与网站自带的APPS，摄像头，影音功能相得益彰。HTML5视频播放起来更流畅清晰，也更省电；HTML5游戏小巧流畅，画面质量高，操作易上手。

5.HTML5搜索引擎友好，网站流量大

HTML5的代码是贴合用户有明确释义的，不仅对开发者有利，搜索引擎也更容易识别到网页上的内容，让网站获得更多流量。

常见的HTML5新增语义化标签

1.header页面头部

2.footer页脚

3.article定义页面独立的内容区域

4.aside定义页面的侧边栏内容

5.details文档某个部分的细节

6.summary是details中的标题

7.figure规定独立的流内容

8.figcaption是figure的标题

9.mark标记

10.nav 导航链接

11.meter用来表示范围已知且可度量的内容

12.ruby加注释

一般页面可简单分为上中下结构，上为头部，中为内容部分，下位脚部。

它的HTML结构如下

< body>

< div class="header">< /div>

< div class="content">< /div>

< div class="footer">< /div>

< /body>

（ps:如果您觉得有用，请点赞转发，让更多人看到哦）