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标签的变化,也正是这些标签的变化,使一些基本的功能发生了变化。下篇博客,看一些这些标签的简单使用。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值