HTML5 CSS3

HTML5是什么?有哪些新特性?有哪些新增标签?如何让低版本的 IE 支持 HTML5新标签

HTML是超文本标记语言,HTML5是第五个版本,也是目前最新的版本。

HTML5的新特性
  • 新增了许多语义化的标签。如:header,footer,section,article等等
  • 本地存储特性。HTML5的APP Cache以及本地存储功能使得网页拥有更快的启动时间和更快的联网速度
  • 连接特性。更有效的连接工作效率,使得基于页面的实时聊天,更快速的网页游戏体验,更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术,Server-Sent Event和WebSockets就是其中的两个特性,这两个特性能够帮助我们实现服务器将数据“推送”到客户端的功能。
  • 网页多媒体。audio、radio、CANVAS、SVG、websocket
  • 通过XMLHttpRequest2解决了跨域问题,帮助用户在多样化的环境中更加快速的适应工作
兼容IE

采用Google的html5shiv包解决

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

同时还要设置他们的display

/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

input 有哪些新增类型?

//HTML5新增input属性
<form>
        <input type="email" >//输入后会检验是否符合邮箱格式
        <input type="url" >//输入后会检验是否符合url形式
        <input type="number" >//只能输入数字,另外还可以通过上下箭头改变数字大小
        <input type="range">
        <input type="date">//点击之后选择日期
    </form>

浏览器本地存储中 cookie 和 localStorage 有什么区别? localStorage 如何存储删除数据。

相同点
  • cookie和localStorage都是在浏览器端的
  • 二者是同源的
不同点
  • 存储数据大小。cookie只能存储4k的数据,localStorage可以存储5M数据
  • 应用场景不同。cookie是在http请求中携带的,即cookie是在浏览器和客户端之间传递;localStorage是离线存储的,是从本地获取的
  • 过期时间。cookie在过期时间之前一直有效,即使退出浏览器的情况下;localStorage会一直保存数据
localStorage存储删除数据
localStorage.setItem(item,value);
localStorage.xx=1;//直接赋值也可以
localStorage.getItem(xxx);//得到数据
localStorage.removeItem(xxx);//删除数据
localStorage.clear();//清空所有数据

css3 Demo1
css3 Demo2
css3 Demo3

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. HTML5是什么?有哪些新特性?有哪些新增标签?如何让低版本的 IE 支持 HTML5新标签 HTML5是超...
    _李祺阅读 3,138评论 0 0
  • 题目1: HTML5是什么?有哪些新特性?有哪些新增标签?如何让低版本的 IE 支持 HTML5新标签 HTML5...
    GaoYangTongXue丶阅读 3,904评论 0 0
  • HTML5是什么?有哪些新特性?有哪些新增标签?如何让低版本的 IE 支持 HTML5新标签 HTML5是最新的H...
    小囧兔阅读 2,622评论 0 0
  • 1. 不管是招聘还是聊天经常能听到 h5开发,它指的是什么?和 HTML5有什么关系? h5指的是一系列技术做的移...
    进击的前端_风笑影阅读 2,555评论 0 0
  • 文|凉羹 平日里热闹的茶馆如今冷冷清清,只有两个伙计在收拾桌子,一个掌柜在柜台前打算盘。 “铿铿铿……” 街边突然...
    凉羹阅读 3,558评论 3 7