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. ITextSharp构造PDF文件

    1.1 生成Document Document是我们要生成的PDF文件所有元素的容器,因此要生成一个PDF文档,必须首先定义一个Document对象. Document有三种构造函数:    publ ...

  2. 使用 whereis/which/locate 查找文件

    whereis命令 whereis只能用于搜索可执行文件 (-b) , 联机帮助文件 (-m) 和源代码文件 (-s) . 它只在一个数据库中查询(/var/lib/mlocate) . 这个数据库是 ...

  3. Git创建本地仓库、与远程仓库关联

    不知道对不对,不过我这么干能用了嘿嘿 下载好git以及配置密钥什么的就不说了,网上一p眼子 在本地找个变成仓库的文件夹,打开git命令行工具cd到这个目录,然后git init创建本地仓库 然后上gi ...

  4. Java design patterna

    Java中的设计模式 设计模式是解决特定问题/任务的充分证明的解决方案. 现在,一个问题会在你脑海中产生什么样的具体问题?让我举个例子来解释一下. 给出的问题:假设您要创建一个只应创建单个实例(或对象 ...

  5. java8_api_字符串处理

    字符串处理1 字符串处理2    string的常用方法 package java_20180209_api_string; public class StringDemo2 { public sta ...

  6. chrome添加离线插件

    1.首先用户点击谷歌浏览器右上角的自定义及控制按钮,在下拉框中选择工具选项,然后点击扩展程序来启动Chrome浏览器的扩展管理器页面. 2.在打开的谷歌浏览器的扩展管理器中用户可以看到一些已经安装程序 ...

  7. 3、Linux连接oracle

    su - oracle //登录sqlplus sqlplus /nolog //连接orcale conn xx/xx;(用户名/密码)  或者 connect /as sysdba;

  8. Beyond Compare 3添加右键菜单

    目前是在Beyond Compare 3.1.9版本上试验可行,其他版本上尚未测试. 添加右键菜单步骤: 1.新建为.bat后缀的文本,将下面“添加右键菜单批处理”复制到此文本中. 2.将批处理移动到 ...

  9. 一位工作8年的java软件工程师该如何发展

    从08年到现在已工作8年多了,但是对职业生涯的规划还没有很清晰的定义,可能之前做的工作太杂太广,回想第一家公司从事了6年有得也有失,虽然涉及到开发.设计.管理等岗位,但从技术上总结并没有很擅长的技术, ...

  10. 二、易语言 api 相关

    1. 取窗口句柄    对应的api: FindWindow (寻找顶级窗口) 2.取窗口矩形(位置) 对应的api: GetWindowRect(取窗口矩形) 3.取窗口标题 对应的api: Get ...