`
dawuafang
  • 浏览: 1100148 次
文章分类
社区版块
存档分类
最新评论

HTML5基础小结(一)——标签变化

 
阅读更多

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


Html5W3CWorld Wide Web Consortium,万维网联盟)与WHATWG(

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

  • 新特性应该基于 HTMLCSSDOM 以及 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标签的变化,也正是这些标签的变化,使一些基本的功能发生了变化。下篇博客,看一些这些标签的简单使用。

分享到:
评论

相关推荐

    从入门到精通HTML5——PDF——网盘链接

     12.1.1 HTML 5的语法变化 226  12.1.2 HTML 5中的标记方法 226  12.1.3 HTML 5语法中的3个要点 227  12.1.4 标签实例 228  12.2 新增的元素和废除的元素 228  12.2.1 新增的结构元素 228  12.2.2 新增的块级...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    2.4 本章小结 15 第三章 跨域交互缓存处理设计 17 3.1 跨域交互缓存处理需求 17 3.1.1 缓存技术WebStorage 17 3.1.2 跨域交互缓存处理需求 17 3.1.3 页面回退管理需求 17 3.2 缓存处理机制 18 3.2.1 跨域缓存处理 18...

    精通AngularJS part1

    26小结74 第3章与后端服务器通信75 31使用$http进行XHR和JSONP请求75 熟悉数据模型和MongoLabURLs76 $httpAPI快速导览76 配置对象说明77 转换请求数据78 处理HTTP响应79 转换响应数据79 处理同源政策约束79...

    Eclipse权威开发指南2.pdf

    2.3.6 快速差别—— 实时变化通知..... 48 2.3.7 文件编码..... 48 2.3.8 打印..... 49 2.4 Eclipse定制...... 49 2.4.1 透视图..... 49 2.4.2 渐进显示..... 51 2.4.3 在Eclipse中运行多窗口和多工作空间..... 51...

    Eclipse权威开发指南3.pdf

    2.3.6 快速差别—— 实时变化通知..... 48 2.3.7 文件编码..... 48 2.3.8 打印..... 49 2.4 Eclipse定制...... 49 2.4.1 透视图..... 49 2.4.2 渐进显示..... 51 2.4.3 在Eclipse中运行多窗口和多...

    Eclipse权威开发指南1.pdf

    2.3.6 快速差别—— 实时变化通知..... 48 2.3.7 文件编码..... 48 2.3.8 打印..... 49 2.4 Eclipse定制...... 49 2.4.1 透视图..... 49 2.4.2 渐进显示..... 51 2.4.3 在Eclipse中运行多窗口和多...

    jquery插件使用方法大全

    jQuery 1.1.3(2007年7月):这次小版本变化包含了对jQuery选择符引擎执行速度的显著提升。从这个版本开始,jQuery的性能达到了Prototype、Mootools以及Dojo等同类JavaScript库的水平。 jQuery 1.2(2007年9月):...

    Tinyxml 源代码(VC6 & VS2005)

    TinyXML在保证正确和恰当的XML输出的基础上尝试成为一个灵活的解析器。TinyXML可以在任何合理的C++适用系统上编译。它不依赖于异常或者运行时类型信息,有没有STL支持都可以编译。TinyXML完全支持UTF-8编码和前64k个...

    PT80-NEAT开发指南v1.1

    5 编译及运行程序(模拟器下) ................................................................................................................ 7 编译及运行程序(PT80) ...................................

    JavaScript高级教程

    1.3 小结..............................................8 第 2 章 ECMAScript 基础...............................................9 2.1 语法..............................................9 2.2 变量...........

Global site tag (gtag.js) - Google Analytics