zoukankan      html  css  js  c++  java
  • !!常用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 */
  • 相关阅读:
    js菜单特效分享(1)
    用泛型的IEqualityComparer接口去重复项 .
    jquery一些有用的插件
    JQuery Tree插件——zTree v3.0 beta 发布
    泛型和linq
    js如何隐藏表格的行与列
    34个漂亮的应用程序后台管理界面
    解决Visual Studio setup cannot run in compatibility mode的错误
    html文本框(input)不保存缓存记录
    第九章:第九章:XML文档集成Axd向导
  • 原文地址:https://www.cnblogs.com/qq21270/p/3545882.html
Copyright © 2011-2022 走看看