Html5笔记之小结
随着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笔记之小结的更多相关文章
- HTML5笔记3——Web Storage和本地数据库
上一篇:HTML5笔记2——HTML5音/视频标签详解 Web Storage概述 在HTML5中,除了Canvas元素之外,另一个新增的非常重要的功能是可以再客户端本地保存数据的Web Storag ...
- Html5笔记 表格 布局
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- IT兄弟连 HTML5教程 HTML5表单 小结及习题
小结 HTML表单提交的方法有get方法和post方法,get方法的作用是从指定的资源请求数据,post方法的作用是向指定的资源提交要被处理的数据.HTML表单一直都是Web的核心技术之一,有了它我们 ...
- HTML5笔记2——HTML5音/视频标签详解
音视频的发展史 早期:<embed>+<object>+文件 问题:不是所有浏览器都支持,而且embed不是标准. 现状:Realplay.window media.Quick ...
- HTML5笔记：跨域通讯、多线程、本地存储和多图片上传技术
最近做项目在前端我使用了很多新技术,这些技术有bootstrap.angularjs,不过最让我兴奋的还是使用了HTML5的技术,今天我想总结一些HTML5的技术,好记性不如烂笔头,写写文章可以很好的 ...
- HTML5笔记1——HTML5的发展史及标签的改变
记得第一次接触HTML5还是在<联信永益>实习那会儿(2011),当时一个项目技术选型的时候面临两种选择,分别是Silverlight和HTML5,那是用的最新的IE浏览器版本还是IE9, ...
- PLSQL开发笔记和小结(转载)
***************************************** PLSQL基本结构 ***************************************** 基本数据 ...
- html5笔记
出处:http://www.cnblogs.com/xiaowei0705/archive/2011/04/19/2021372.html HTML5 LocalStorage 本地存储 HTML5 ...
- 学习笔记_Filter小结（过滤器JavaWeb三大组件之一）
Filter小结 Filter的三个方法: l void init(FilterConfig):在Tomcat启动时被调用: l void destroy():在Tomcat关闭时被调用: l ...
随机推荐
- 让 Python 带你进入开源的世界——Git 从入门到与他人协作开发
让 Python 带你进入开源的世界--Git 从入门到与他人协作开发 我认为开源社区中有很多优秀的资源,并且可以帮助进阶中的程序员提高编程能力和水平.所以,我发起了<HelloGitHub&g ...
- Selenium模拟JQuery滑动解锁
滑动解锁一直做UI自动化的难点之一,我补一篇滑动解锁的例子,希望能给初做Web UI自动化测试的同学一些思路. 首先先看个例子. https://www.helloweba.com/demo/2017 ...
- (转)java.util.Scanner应用详解
java.util.Scanner应用详解 java.util.Scanner是Java5的新特征,主要功能是简化文本扫描.这个类最实用的地方表现在获取控制台输入,其他的功能都很鸡肋,尽管Java ...
- Linux学习笔记--一些错误的记录
运行linux的时候,输入shutdown -r now命令提示:bash:shutdown is not found.出现这个错误是因为这条命令没有加入到系统的配置文件中,运行命令export PA ...
- Flunetd 用于统一日志记录层的开源数据收集器
传统的日志查看方式 使用fluentd之后 一.介绍 Fluentd是一个开源的数据收集器,可以统一对数据收集和消费,以便更好地使用和理解数据. 几大特色: 使用JSON统一记录 简单灵活可插拔架构 ...
- 深入浅出数据结构C语言班（11）——简要介绍算法时间复杂度
在接下来的数据结构博文中,我们将会开始接触到一些算法,也就是"解决某个问题的方法",而解决同一个问题总是会存在不同的算法,所以我们需要在不同的算法之中做出抉择,而做出抉择的根据往往 ...
- EntityFramework Core查询问题集锦（一）
前言 和大家脱离了一段时间,有时候总想着时间挤挤总是会有的,但是并非人愿,后面会借助周末的时间来打理博客,如有问题可以在周末私信我或者加我QQ皆可,欢迎和大家一起探讨,本节我们来讨论EF Core中的 ...
- jquery实现多条件筛选特效代码分享
本文实例讲述了jquery实现多条件筛选特效.分享给大家供大家参考.具体如下:jquery实现的多条件搜索表单带日期选择表格表单效果源码,是一段实现了多个条件筛选搜索的特效代码,多条件拥有时间.地点. ...
- Spring整合CXF webservice restful 实例
webservice restful接口跟soap协议的接口实现大同小异,只是在提供服务的类/接口的注解上存在差异,具体看下面的代码,然后自己对比下就可以了. 用到的基础类 User.java @Xm ...
- NYOJ 66 分数拆分
分数拆分 时间限制:3000 ms | 内存限制:65535 KB 难度:1 描述 现在输入一个正整数k,找到所有的正整数x>=y,使得1/k=1/x+1/y. 输入 第一行输入一个 ...