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

!!常用HTML5代码的更多相关文章

  1. 常用HTML5代码片段

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  2. 关于HTML5代码总结。

    在阅读完HTML5后,自己把一些常用的代码总结了一下,自认为比较全,如果有什么错误请指出. 1.<!DOCTYPE html>声明这是一个HTML5的页面 2.<HTML lang＝ ...

  3. HTML5代码规范

    HTML5代码规范html标签里面等号两边不要留空格在IE下可能会识别不了html5等号前后可以使用空格,但仍不推荐使用. HTML 代码约定很多 Web 开发人员对 HTML 的代码规范知之甚少.在 ...

  4. 工作中总结的常用PHP代码

    [目录] ◆PHP常用的代码 ◆HTML常用代码 [值传递 和 引用传递] [单例模式] [魔术常量] [代码调试(自定义一个简单的debug函数)] [thinkphp多表查询] [获取客户端IP地 ...

  5. html5代码,获取地理位置

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <meta htt ...

  6. 获取地理位置的html5代码

    /** * 以下为html5代码,获取地理位置 */ function getLocation() { //检查浏览器是否支持地理位置获取 if (navigator.geolocation) { / ...

  7. IOS开发效率之为Xcode添加常用的代码片段

    IOS开发效率之为Xcode添加常用的代码片段 原文地址:http://blog.csdn.net/pingchangtan367/article/details/30041285 tableview ...

  8. Html5 代码

      随着HTML5的流行,许多网站开始介绍HTML5元素和属性的用法,以及各种教程,并且越来越多老的浏览器开始兼容HTML5. 本文作者编译了10段非常实用的HTML5代码片段,开发者可以直接拿过去使 ...

  9. IOS开发－OC学习－常用功能代码片段整理

    IOS开发-OC学习-常用功能代码片段整理 IOS开发中会频繁用到一些代码段,用来实现一些固定的功能.比如在文本框中输入完后要让键盘收回,这个需要用一个简单的让文本框失去第一响应者的身份来完成.或者是 ...

随机推荐

  1. BurpSuite工具抓取手机的流量

    1.设置BurpSuite监听策略(和电脑区别不大就简单写了) 打开BurpSuite进入Proxy-Options界面,修改端口为8082.地址为第二项所有接口,点击OK 2.设置手机代理 首先保证 ...

  2. js+ajax编码三级联动

    <!DOCTYPE html><html> <head>  <meta charset="UTF-8">  <title> ...

  3. react安装

    1. npm install -g create-react-app 2. create-react-app my-app 3. cd my-app npm start 4.浏览器打开  http:/ ...

  4. Oracle开启监听缓慢问题

    现象: Oracle数据库中,使用lsnrctl开启.关闭监听或查看监听状态时,非常慢,可以通过断网的方式使动作马上完成. 在客户端使用plsql等方式连接数据库时,也是非常慢,同样也可以通过切换网络 ...

  5. 【java编程】java的关键字修饰符

    一.transient java语言的关键字,变量修饰符,如果用transient声明一个实例变量,当对象存储时,它的值不需要维持.换句话来说就是,用transient关键字标记的成员变量不参与序列化 ...

  6. Django学习笔记之视图高级-CSV文件生成

    生成CSV文件 有时候我们做的网站,需要将一些数据,生成有一个CSV文件给浏览器,并且是作为附件的形式下载下来.以下将讲解如何生成CSV文件. 生成小的CSV文件 这里将用一个生成小的CSV文件为例. ...

  7. Freescale MKL16Z1288VF4 芯片调试接口

    WDOG监视内部系统操作,并在发生故障时强制复位.它可以运行在一个独立的1 kHz低功率振荡器,具有可编程刷新窗口,以检测程序流或系统频率的偏差. 看门狗计时器保持一个时间在系统上运行,并重置它,以防 ...

  8. jquery: 获取当前天加减一天

    // 对Date的扩展,将 Date 转化为指定格式的String // 月(M).日(d).小时(h).分(m).秒(s).季度(q) 可以用 1-2 个占位符, // 年(y)可以用 1-4 个占 ...

  9. opcache 参数说明 --转自https://www.cnblogs.com/tudou1223/p/5362785.html

    PHP的opcode缓存又出了新成员(说新不新,也有一段日子了),那就是opcache.新浪微博等都在使用,惠新宸老师强力推荐.本人最近根据官网地址(http://www.php.net/manual ...

  10. SSHD启动失败，错误码255

    查看/etc/ssh/sshd_config 发现,Listen Address并不是我想要的ip,将其注释掉 sshd restart,结果返回 Permission denied (publick ...