web开发 常用概念的理解 以及 H5标签概念的重新解读

一、简单谈谈刚接触web时的概念  

1.   一般来讲，我们对万维网的准确定义为：  是一个有许多相互连接的超文本组成的系统。通过互联网访问 。  简单的来说，就是 一个资源互联的网络------ps：最早由Sir Tim Berners-Lee (蒂姆-伯纳斯-李爵士搭建)。web的定义信息资源的网络。

    2.  html :  超文本编辑语言。可能很多开发者早对次耳熟能详，但我们更应该关注的是他的本质作用：承载结构化的信息。

     3.web标准：简单的来说div+css就可以说是web标准。也可以说大家的开发习惯给规约起来。

     4.web语义化： 给万维网上的文档添加能够被计算机识别的元数据）（mate 、data、script、等）。web标准很大程度上都是为web的语义化服务的。

二、H5  部分

1、 语义化：帮助html更好的实现结构化可以说是HTML5的首要核心技术增强，具体的就是提供了很多语义化的标签 ，下面列出常见的一些语义化的标签。     

<section></section>用于对网站或应用程序中页面上的内容进行分块。通常由内容及其标题组成。

<article></article>代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。当我们描述一件具体的事物的时候，通常使用article来代替section。如一个帖子，一段用户评论等。

<aside></aside>表示当前页面或者文章的附属信息部分。如与当前页面或主要内容相关的引用、侧边栏、广告、nav元素组等。

<nav></nav>用作页面导航的链接组，其中可以包括<ul><li><p>元素等。

<time></time>表示某个时间或者某个日期。其中pubdate属性代表了文档的发布日期，可以用到time标签里。

<header></header>整个页面或者页面内容区块的标题，可以包含其他内容。

<footer></footer>页脚，页面底部或者版块的内容。

<hgroup></hgroup>页面上标题的组合，通常对h1~h6进行分组。

<address></address>文档作者或者文档维护者的联系信息。

<figure></figure>通常用于图片，统计图或代码示例，带有可选标题。将其从网页上移除后不会对网页上其他内容产生影响。

<figcaption></figcaption>表示figure的标题，从属于figure元素。

<mark></mark>页面中需要凸显出或者高亮显示的，对于当前用户具有参考作用的一段文字。

<progress></progress>代表一个任务完成的进度。

<details></details>描述文档或者用户要求得到并且可以得到的细节信息。与summary元素配合使用。

<summary></summary>给details元素提供标题或者图例。标题是可见的，用户点击标题时，会显示细节信息。

<datelist></datelist>选项列表。与input元素配合使用，来定义input可能的值。

<keygen></keygen>给表单添加一个公钥.

<menu></menu>菜单列表。HTML4中不推荐使用。

html5中新标签在ie6到ie8下的兼容性解决方法:在html头部加入html5.js来解决。

2、离线存储 H5中的AppCache、localStorage、IndexDB和fileAPI  这些技术标准使得web应用程序更加循速，并提供了离线使用的能力。下边提供关于这几点技术的使用参考：

     AppCache：https://www.cnblogs.com/shaojun/p/4104410.html

     localStorge：https://www.cnblogs.com/st-leslie/p/5617130.html

    IndexDB：https://www.cnblogs.com/dengyulinBlog/p/6141636.html

3、设备访问 （重力感应   地理定位）参考技术：Orientation API （重力） Geolocation（地理定位）

4、通信（Connectivity） 参考技术webSocket  Serev-sent Events。

5、多媒体

6、图形和特效 SVG  Canvas  WebGL等功能使得2D  3D游戏方面的不二之选

7、呈现（css3）

8、性能  webwork的出现使得浏览器也可以多线程处理任务而不阻塞用户的界面渲染。

2      2