zoukankan      html  css  js  c++  java
  • HTML5 的新特性以及新标签的浏览器兼容问题

    新特性:

    HTML5 现在已经不是 SGML 的子集,主要是关于图像,位置,存储,多任务等功能的增加。

    1)  拖拽释放(Drag and drop) API 

    2)  语义化更好的内容标签(header,nav,footer,aside,article,section)

    3)  音频、视频API(audio,video)

    4)  画布(Canvas) API

    5)  地理(Geolocation) API

    6)  本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失;

    7)  sessionStorage 的数据在浏览器关闭后自动删除

    8)  表单控件,calendar、date、time、email、url、search  

    9)  新的技术webworker, websocket, Geolocation

    移除的元素:

    1)  纯表现的元素:basefont,big,center,font, s,strike,tt,u;

    2)  对可用性产生负面影响的元素:frame,frameset,noframes;

    支持HTML5新标签:

    1. IE8/IE7/IE6支持通过 document.createElement 方法产生的标签,可以利用这一特性让这些浏览器支持 HTML5 新标签,浏览器支持新标签后,还需要添加标签默认的样式(当然最好的方式是直接使用成熟的框架、使用最多的是html5shiv框架):

    1 <!--[if lt IE 9]> 
    2 <script> src="http://html5shiv.googlecode.com/svn/trunk/html5.js"</script> 
    3 <![endif]--> 

    如何区分: 

    DOCTYPE声明新增的结构元素、功能元素

  • 相关阅读:
    android 面试题
    android 入门-android Studio git 克隆
    android 入门-android自定义控件
    android 入门-控件 测量状态栏高度
    android 入门-android Studio git配置
    WPF 介绍一种在MVVM模式下弹出子窗体的方式
    WPF DataGrid分组和排序
    C# 等待框
    WPF 简洁的主界面
    C# 在WPF中使用Exceptionless异常日志框架
  • 原文地址:https://www.cnblogs.com/SHERO-Vae/p/5795907.html
Copyright © 2011-2022 走看看