HTML5的新特性和CSS3的新特性

HTML5新特性:

语义化标签(header、nav、footer、section、article、aside)
音频、视频(audio、video)标签
新增input类型(calender、date、time、url、email、search)
新增表单属性(required、placeholder、autofocus、multiple)
画布(canvas)
拖放(Drag and drop)
本地离线存储(localStorage),即长期存储数据,浏览器关闭后数据不丢失
会话存储(sessionStorage),即数据在浏览器关闭后自动删除
新的技术(webworker、websocket)

HTML5移除的元素:

纯表现的元素:
basefont:默认字体,不设置字体,以此渲染
font: 字体标签
center: 水平居中
u: 下划线
big: 大字体
strike: 中横线
tt: 文本等宽

对可用性产生负面影响的元素:frame、frameset、noframes

如何处理HTML5新标签的浏览器兼容性问题?

① IE8/IE7/IE6支持通过document.createElement方法产生的标签,可以利用这一特性让这些浏览器支持HTML5新标签
② 也可以使用成熟的框架 ex:html5shim

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

如何区分Html和Html5:

文档类型声明不同
Html : 比较冗长

 <!DOCTYPE html PUBLIC-//W3C//DTD XHTML 1.0 Transitional//EN”>

Html5:比较简洁<!doctype html>

CSS3新特性:
盒子模型
圆角边框
盒子阴影
文字阴影
新增选择器:1. 属性选择器 2. 结构伪类选择器 3. 伪元素选择器
滤镜filter
calc 函数
transition过渡
动画

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值