一、优势
1、标签的改变：<header>，<footer>，<dialog>，<aside>，<figure>，<section>等；
2、代码简洁，开发游戏，移动开发工具；
3、标准未定，浏览器兼容性问题。

二、svg和canvas
1、svg
svg可以单独作为文件打开，在AI里做矢量图形，保存图层路径，即可另存为Svg文件。
path语法：命令+参数。大写字母表示坐标参数为绝对位置，小写字母表示坐标参数为相对位置（即上次画笔结束后的位置）。
Svg画椭圆：M200 200 A 200 100 0 0 1 300 300。初始位置，x半径，y半径，旋转角度，选弧长较短，顺时针，结束位置。

2、canvas
Canvas是基于状态，而不是基于对象画图。它提供容器，配合JS后，才能在页面展现图形。Canvas最好写行内样式，宽高不加单位。

三、自定义数据属性

<div id ="user" data-uid="2009" data-uname="camille" > </div>

1、使用getAttribute获取data-属性

var user = document.getElementById('user');

var userName = user.getAttribute('data-uname'); // userName = 'camille'

var userId = user.getAttribute('data-uid'); // userId = '2009'

2、使用setAttribute设置data-属性

user.setAttribute('data-age' , '100');

四、语义化标签

HTML5Shiv解决ie旧版本不支持h5新元素，浏览器小于IE9时会加载html5shiv.js文件。你必须将其放置于<head>元素中，让CSS样式应用在未知元素上只需执行document.createElement(elementName) 即可实现。

<!--[ifltIE9]>

  <script type="text/javascript" src="scripts/html5shiv.js"></script>

<![endif]-->

五、一些新标签

1、details，summary

可以通过html和css实现树形结构，下拉菜单，展开更多，不用js。

2、datalist

搜索下拉框。

html5那些事儿的更多相关文章

  1. WeX5与阿里内测的Weex与有何纠葛？快来看HTML5开发圈那些逗逼事儿！

    4月21日~23日,由infoQ主办的2016 Qcon大会北京站如期举行. HTML5开发已经成为移动开发/前端专题中无可争议的焦点,核心议题已经由前几年的是否该用HTML5转向了如何高性能.高效率 ...

  2. HTML5 程序设计 - 使用HTML5 Canvas API

    请你跟着本篇示例代码实现每个示例,30分钟后,你会高喊:“HTML5 Canvas?!在哥面前,那都不是事儿!” 呵呵.不要被滚动条吓到,很多都是代码和图片.我没有分开写,不过上面给大家提供了目录,方 ...

  3. setTimeout那些事儿

    一.setTimeout那些事儿之单线程 一直以来,大家都在说Javascript是单线程,浏览器无论在什么时候,都且只有一个线程在运行JavaScript程序. 但是,不知道大家有疑问没——就是我们 ...

  4. Javascript中关于cookie的那些事儿

    Javascript-cookie 什么是cookie? 指某些网站为了辨别用户身份.进行session跟踪而储存在用户本地终端上的数据(通常经过加密).简单点来说就是:浏览器缓存. cookie由什 ...

  5. CSS知识回顾--读《CSS 那些事儿》笔记

    由于之前有了解过CSS的相关知识,有了一定的基础,所以读起<CSS 那些事儿>不是很有难度,况且我现在读起来时,CSS3和HTML5比较流行,这里只是记录一些CSS知识记录,不做详细铺开, ...

  6. （转） 浅析HTML5在移动应用开发中的使用

    (转)浅析HTML5在移动应用开发中的使用 (原)http://www.iteye.com/magazines/67   2012-03-07  来自 UECD.163.com  编辑 wangguo ...

  7. [转] Android 4.4中播放HTML5视频<video>的Bug

    近期Nexus 4手机自动升级到Android4.4,本来挺好的一件事儿,结果发现自己的应用中出现一个Bug,应用中使用了Webview播放HTML5视频,代码如下: <video width= ...

  8. html5 postMessage解决跨域、跨窗口消息传递

    一些麻烦事儿 平时做web开发的时候关于消息传递,除了客户端与服务器传值还有几个经常会遇到的问题 1.页面和其打开的新窗口的数据传递 2.多窗口之间消息传递 3.页面与嵌套的iframe消息传递 4. ...

  9. HTML5在移动端开发的12大特性

    1.离线缓存为HTML5开发移动应用提供了基础 HTML5 Web Storage API可以看做是加强版的cookie,不受数据大小限制,有更好的弹性以及架构,可以将数据写入到本机的ROM中,还可以 ...

随机推荐

  1. 【leetcode 简单】 第六十七题 回文链表

    请判断一个链表是否为回文链表. 示例 1: 输入: 1->2 输出: false 示例 2: 输入: 1->2->2->1 输出: true 进阶: 你能否用 O(n) 时间复 ...

  2. POJ 2449 Remmarguts' Date (K短路 A*算法）

    题目链接 Description "Good man never makes girls wait or breaks an appointment!" said the mand ...

  3. git之合并分支（git merge）------（三）

    最近几天写小demo,总是自己拉取他人的代码,然后创建分支,在自己的分支上进行修改,然后提交到自己的分支,具体的这一步,我就不多讲了,因为在我的博客“工作中常用的Git操作”中有详细的介绍,今天主要讲 ...

  4. 【译】第十二篇 Integration Services：高级日志记录

    本篇文章是Integration Services系列的第十二篇,详细内容请参考原文. 简介在前一篇文章我们配置了SSIS内置日志记录,演示了简单和高级日志配置,保存并查看日志配置,生成自定义日志消息 ...

  5. 20155303狄惟佳预备作业三Linux学习笔记

    20155303狄惟佳预备作业三Linux学习笔记 初次接触Ubuntu系统以及Linux内核,了解了其产生的历史,从感性来讲,深深吸引我的是其中蕴含的珍贵的开源精神,以及Stallman等人对&qu ...

  6. 64位linux安装32位校园网客户端

    下面的是ubuntu下和arch下的安装方法,ubuntu的转自网络, ubuntu: 下载客户端并解压 安装开发包 1 sudo -i 2 dpkg --add-architecture i386 ...

  7. Python标准库笔记(9) — functools模块

    functools 作用于函数的函数 functools 模块提供用于调整或扩展函数和其他可调用对象的工具,而无需完全重写它们. 装饰器 partial 类是 functools 模块提供的主要工具, ...

  8. 解决阿里云无法正常使用samba的问题【转】

    转自:https://blog.csdn.net/u011949148/article/details/54311288 昨天在阿里云上申请了一个云服务器,系统用的是ubuntu14.04,由于是免费 ...

  9. 十分钟搞懂快速傅里叶变换（FFT）

    己学习的笔记,欢迎大家指正.

  10. HDU 6215 2017Brute Force Sorting 青岛网络赛 队列加链表模拟

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=6215 题意:给你长度为n的数组,定义已经排列过的串为:相邻两项a[i],a[i+1],满足a[i]&l ...