HTML5新功能

(一)新的DOCTYPE和字符集
DOCTYPE被简化:    <!DOCTYPE html>
html5的DOCTYPE会触发浏览器以标准兼容模式显示页面;Web页面有多种显示模式:怪异模式(Quirks)、近标准模式(Almost Standards)、标准模式(Standards)
字符集声明被简化:    <meta charset="utf-8">

(二)新元素和旧元素
元素分为7大类:
1、内嵌:向文档中添加其他类型的内容;eg:audio、video、canvas、iframe
2、流:在文档和应用的body中使用的元素;eg:form、h1
3、标题段落标题;eg:h1、hgroup
4、交互:与用户交互的内容;eg:button、textarea、音频和视频控件
5、元数据:通常出现在head中,设置页面其他部分的表现和行为;eg:script、style、title
6、短语:文本和文本标志元素;eg:mark、kbd、sub、sup
7、片段:用于定义文档中片段的元素;eg:article、aside、title

(三)语义化标志
定义了一种新的语义化标记来描述元素的内容。
header:标记头部区域内容;
footer:标记脚部区域内容;
section:Web页面中的一块区域;
article:独立的文章内容;
aside:相关内容或者引文;
nav:导航辅助内容。
CSS3避免命名冲突,部分样式需要加上浏览器厂商的前缀:
-moz-(Mozilla浏览器)、o-(Opera浏览器)、-webkit-(Safari和Chrome等基于WebKit内核浏览器)

(四)Selectors API简化选取操作
querySelector():根据指定规则返回第一个匹配元素;eg:querySelector("input.error"),返回第一个CSS类名为”error“的文本输入框;
querySelectorAll():根据指定规则返回所以匹配元素;eg:querySelectorAll("#result td"),返回id为result的元素下面的所以单元格;
可以为SelectorAPI函数同时指定多个选择规则;eg:var x = document.querySelector(".one",".two"),返回满足规则中任意条件的元素,多个条件用逗号分隔。

(五)JavaScript日志和调试
console.log API成为JavaScript开发人员记录日志的事实标准,很多浏览器提供分栏窗口的视图,console.log API要不alert()好,因为不会阻塞脚本执行。

(六)window.JSON
JSON是一种相对比较新并且正在日益流行的数据交换格式。
JSON变成HTML5应用内部数据交换的事实标准。
典型JSON API包括两个函数:
    parse():将字符串序列化成为DOM对象;
    stringify():将DOM对象转换为字符串。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值