随着Android,IOS手机，平板等各种App的不断扩增，加上对过去传统HTML的的各种不完善，例如视频依靠Flash，对手机和桌面的不兼容等等。HTML5来了，来解决这些问题了。

Html5是W3C（World
Wide Web  Consortium,万维网联盟）与WHATWG（

Web Hypertext Application Technology Working Group）合作的结果。WHATWG 致力于web 表单和应用程序，而 W3C 专注于 XHTML 2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML 。为HTML5建立的一些规则：

  • 新特性应该基于 HTML、CSS、DOM
    以及 JavaScript。
  • 减少对外部插件的需求（比如 Flash）
  • 更优秀的错误处理
  • 更多取代脚本的标记
  • HTML5
    应该独立于设备
  • 开发进程应对公众透明

看了两天的HTML5资料，简单总结一下，这里重点从标签的角度进行总结。先看下思维导图：

一，好，先看一下标签的变化：

1，文档的声明，在HTML5中都需要在最开始加入<!doctype
html>，相当于HTML5的一个标记吧。

2，新增标签，这也是HTML5功能强大的一部分，这里从使用上，分为了四类：

a,结构标签，主要是用来对页面结构进行划分的，就像我们以前都会将页面分为标题，左侧栏，内容部分，页脚等。看一下HTML5都给我提供了这些标签：

b,多媒体标签，这是为了解决以前都是通过Flash等进行视频的一些展示，这些标签使HTML的功能更加强大了：

c,web应用标签：

d,input标签，主要是智能表单的一些标签，使验证更加方便：

  • email 

    必须输入email
  • url 

    必须输入url地址
  • number 

    必须输入数值
  • range 

    必须输入一定范围内数值
  • Date Pickers（日期选择器） 

    拥有多个可供选取日期和时间的新输入类型： 

    date - 选取日、月、年 

    month - 选取月、年 

    week - 选取周和年 

    time - 选取时间（小时和分钟） 

    datetime - 选取时间、日、月、年（UTC 时间） 

    datetime-local - 选取时间、日、月、年（本地时间）
  • search 

    用于搜索域，域显示为常规的文本域。
  • color

e，其它标签：

3，删除的标签：

4，重定义的标签：

5，崭新的布局，这里主要和结构标签结合起来，HTML5已经将页面的布局进行了布置，看个图吧：

这是HTML5标签的变化，也正是这些标签的变化，使一些基本的功能发生了变化。下篇博客，看一些这些标签的简单使用。

更多请查看原文：http://blog.csdn.net/liujiahan629629/article/details/40512075

Html5笔记之小结的更多相关文章

  1. HTML5笔记3——Web Storage和本地数据库

    上一篇:HTML5笔记2——HTML5音/视频标签详解 Web Storage概述 在HTML5中,除了Canvas元素之外,另一个新增的非常重要的功能是可以再客户端本地保存数据的Web Storag ...

  2. Html5笔记 表格 布局

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  3. IT兄弟连 HTML5教程 HTML5表单 小结及习题

    小结 HTML表单提交的方法有get方法和post方法,get方法的作用是从指定的资源请求数据,post方法的作用是向指定的资源提交要被处理的数据.HTML表单一直都是Web的核心技术之一,有了它我们 ...

  4. HTML5笔记2——HTML5音/视频标签详解

    音视频的发展史 早期:<embed>+<object>+文件 问题:不是所有浏览器都支持,而且embed不是标准. 现状:Realplay.window media.Quick ...

  5. HTML5笔记：跨域通讯、多线程、本地存储和多图片上传技术

    最近做项目在前端我使用了很多新技术,这些技术有bootstrap.angularjs,不过最让我兴奋的还是使用了HTML5的技术,今天我想总结一些HTML5的技术,好记性不如烂笔头,写写文章可以很好的 ...

  6. HTML5笔记1——HTML5的发展史及标签的改变

    记得第一次接触HTML5还是在<联信永益>实习那会儿(2011),当时一个项目技术选型的时候面临两种选择,分别是Silverlight和HTML5,那是用的最新的IE浏览器版本还是IE9, ...

  7. PLSQL开发笔记和小结(转载)

    *****************************************   PLSQL基本结构 ***************************************** 基本数据 ...

  8. html5笔记

    出处:http://www.cnblogs.com/xiaowei0705/archive/2011/04/19/2021372.html HTML5 LocalStorage 本地存储 HTML5  ...

  9. 学习笔记_Filter小结（过滤器JavaWeb三大组件之一）

    Filter小结 Filter的三个方法: l  void init(FilterConfig):在Tomcat启动时被调用: l  void destroy():在Tomcat关闭时被调用: l  ...

随机推荐

  1. mongodb3 ubuntu离线安装（非apt-get）及用户管理

    目前mongodb已经出到3.x,相对于2.x改动较大,本着学新不学旧的原则来捣鼓nosql数据库.最初想着apt-get安装但是软件源上都是2.x的,遂下载好后传到服务器安装. 1.下载 不得不说国 ...

  2. Opencv探索之路（二十）：制作一个简易手动图像配准工具

    近日在做基于sift特征点的图像配准时遇到匹配失败的情况,失败的原因在于两幅图像分辨率相差有点大,而且这两幅图是不同时间段的同一场景的图片,所以基于sift点的匹配已经找不到匹配点了.然后老师叫我尝试 ...

  3. Bower的入门

    接触Bower一年多了,今天对于它的有一些疑问,并且写此博文记录之. 首先把Bower的官网附上: https://bower.io/ (一)什么是Bower Bower:就是一个前端包管理工具.能够 ...

  4. Ubuntu系统的安装Sublime3

    1.添加Sublime-text-3软件包的软件源 sudo add-apt-repository ppa:webupd8team/sublime-text-3     2.使用以下命令更新系统软件源 ...

  5. 表达式求值（二叉树方法/C++语言描述）（二）

    表达式二叉树节点的数据可能是运算数或运算符,可以使用一个联合体进行存储:同时还需要一个变量来指示存储的是运算数还是运算符,可以采用和栈方法求值中一样的枚举类型TokenType: typedef en ...

  6. 单页面应用（spa）引入百度地图（Cannot read property 'dc' of undefined）

    难点介绍 引入百度地图的时候,用原生的获取不到dom节点. ( var mapEle = document.getElementById(testApi): var map = new BMap.Ma ...

  7. selenium+python开发环境的搭建

    web 调试工具介绍和开发环境搭建 python与selenium开发环境搭建: 一.下载python软件:https://www.python.org/ 下载完后,进行安装,安装成功后,打开IDLE ...

  8. Android Gesture 手势创建以及使用示例

    在Android1.6的模拟器里面预装了一个叫Gestures Builder的程序,这个程序就是让你创建自己的手势的(Gestures Builder的源代码在sdk问samples里面有,有兴趣可 ...

  9. Canvas: 优雅的代码作图系列：中国国旗

    Canvas: 优雅的代码作图系列:中国国旗 有很多个这练手的,好的差的都有.这次,我演示下用极客的代码,画出最标准的中国国旗,并详细说明代码是怎么写出来的. 绘制规范: 一.严格按照绘制说明: 二. ...

  10. appium测试之获取appPackage和appActivity

    appPackage和appActivity 进行appium自动化测试非常重要的两个参数,我们所测试的APP不同,这两个参数肯定也是不一样的.那如何快速的获取这APP的这两个参数呢?我这里介绍两个方 ...