!!常用HTML5代码

HTML5提供的新特性　　2016-2-16

Web Socket 定义了一套API, 允许网页能够使用Web Socket协议来和远程主机进行双工通信。

Web Storage 定义了一套API, 能够在Web客户端以key-value的形式对数据进行持久化存储。

Web SQL 定义了一套API, 能够将数据存储在数据库，并使用类似SQL的方式进行查询。

Web Workers 定义了一套API，能够允许脚本运行于后台，进行类似于线程化的操作。

WebGl 定义了一套API, 能够允许在网页中使用类似于Open GL，实际上是一套基于OpenGL ES 2.0的3d图形API。这些API是通过HTML 5的canvas标签来使用的。

http://www.cnblogs.com/polk6/p/5320428.html　 HTML5 语义元素(一)页面结构　　2015-5-6

http://www.cnblogs.com/polk6/p/5372129.html　　HTML5 语义元素(二)文本内容2015-5-6

html5 新属性：　　2016-5-24

[hidden]

<div hidden> You can't see me!  </div>
<style>
*[hidden] { display: none; } /* 如果你使用的是老式浏览器，不支持这个属性，你可以在CSS里添加下面的代码来支持它*/
</style>

[download]

<a href="/files/aaaaaaaa.pdf" download="预算表.pdf">下载支出费用表</a>

HTML5图片列表，插图的图像 <figure>： 2016-1-28

<figure>
  <img src="1.jpg" />
  <figcaption>HTML5插图的图像名称</figcaption>
</figure>

描述列表，用这些标签来标记一些名词,术语和定义：

<dl>  
    <dt>术语</dt>  
    <dd>术语解释</dd>  
    <dt>Anxiety</dt>  
    <dd>Anxiety 女原创音乐人</dd>  
<dl>

Header:　　文档的头部,主要包含页面的标题或者导航部分.

Section: 　　标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分.用于定义页面中的主题栏目等,比如选项卡的各个部分

Nav:　　　　导航,可以包含一组导航链接

Article:　　文档正文部分,用于包含文章,贴子或者评论

Aside:　　 <aside> 标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。比如侧边栏,广告区等.

Footer:　　文档的尾部,可以包含版权信息,链接,作者等相关信息.

HTML文档：

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<meta http-equiv="Pragma" content="no-cache"> 
<script type="text/javascript" src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
    $("#button").click(function(){

    });
});
</script>
<style type="text/css">

</style>
</head>
<body>

</body>
</html>

position:absolute;
position:relative;
position:fixed;
.pos10-page1{background-repeat: no-repeat;background-image: url("../images/page1.jpg");background-position:0 -30px;}


opacity:0.75;filter:alpha(opacity=75);/*IE透明度*/
display:inline;
display:inline-block;


white-space:nowrap;
word-wrap:break-word;
text-overflow:ellipsis;
overflow:hidden;

.nowrap{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}/*不许换行*/
.wrap{word-wrap: break-word; word-break: normal;}/*自动换行*/
.wrap{word-break:break-all;}/*强制英文单词断行*/



text-decoration:none;
font-weight:bold;
/* placeholder */