你的心如利箭 在风中笔直的飞翔
github DNS ALEXA CDN
jquery JS CSS CSS3 HTML5 svg php --- isux w3cplus

21270

  博客园  :: 首页  ::  ::  ::  :: 管理

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

 

 

 

 

 

 

posted on 2014-02-12 14:23  bjhhh  阅读(842)  评论(0编辑  收藏  举报