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. JavaSE学习（二）：进制转换—数据类型转换—Java运算符

    一.进制转换 1.1 其他进制转十进制(以十六进制为例): 十六进制范围:0-9, A-F对应数字10-15 2A7E(16)  =  14*16(0) +7*16(1) + 10*16(2)  + ...

  2. sublime An unhandled OS error was encountered nodejspath_error

    sublime An unhandled OS error was encountered  nodejspath_error 点击ok,修改node_path typescript 插件下载 ctr ...

  3. [小明打联盟][斜率/单调队列 优化dp][背包]

    链接:https://ac.nowcoder.com/acm/problem/14553来源:牛客网 题目描述 小明很喜欢打游戏,现在已知一个新英雄即将推出,他同样拥有四个技能,其中三个小技能的释放时 ...

  4. 天融信防火墙NGFW4000，无法进入web管理和community属性查看

    1.system config save  //配置保存 2.system config reset //清除配置(恢复出厂设置) 3.pf service add name webui area a ...

  5. Python练习八

    1.获取移动平均值. def generator(): sum = 0 num = 0 count = 0 avg = 0 while 1: num = yield avg sum += num co ...

  6. 使用iSCSI服务部署网络存储

  7. nginx ngx_http_image_filter_module 简单试用

    nginx包含了一个ngx_http_image_filter_module 模块,我们可以方便的进行图片的缩略图,平时一些简单的功能 已经够用了 环境准备 为了简单使用docker-compose ...

  8. Golang之接口

  9. ubuntu下Qt链接MySQL： QMYSQL driver not loaded(不用重新编译源码)

    先切换到qt数据库驱动目录即:qt安装目录下的gcc_64/plugins/sqldrivers,然后 ldd libqsqlmysql.so 若libmysqlclient.so.18 not fo ...

  10. bootstrap顶部导航遮挡下面内容的解决办法

    使用bootstrap设置顶部导航,并将导航栏固定,代码如下: <nav class="navbar navbar-expand-lg navbar-light bg-light fi ...