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 */