HTML5--前言与注意事项

收集资料复习(学习/预习)一下html5,希望能自己早日找到实习,希望各位前端程序员也能找到好工作٩(๑❛ᴗ❛๑)۶。


HTML5概述

在之前开发中,我或多或少都使用过HTML5的新特性,结合网上的资料,我专门来整合一下相关的内容。
HTML5主要分为以下几个部分:
1. 常用的新元素
2. 常见的新属性
3. CSS3
4. 画布
5. 多媒体技术
6. 本地存储
7. Web Workers
8. WebSocket

上面的八个部分中,我打算写7篇文章,其中canvas技术本人用得实在是太少了,所以暂时不打算写。其他的部分,按照介绍顺序一篇篇的写。

HTML5注意事项

本文除了对HTML5进行概述之外,还有一个任务,就是介绍HTML5使用注意事项。
1. 声明

<!DOCTYPE html>声明必须位于 HTML5 文档中的第一行

如果没有这个声明,可能导致浏览器以怪异模式来解析HTML文件。

2. 废弃的标签
以下的 HTML 4.01 元素在HTML5中已经被删除:

<acronym>
<applet>
<basefont>
<big>
<center>
<dir>
<font>
<frame>
<frameset>
<noframes>
<strike>

被删除的标签可能会被浏览器识别,但是这是有风险的。为了避免浏览器不能正确识别这类标签,我们应该避免使用。
3. 浏览器兼容性
目前所有的主流浏览器都已经支持HTML5,而IE从9开始支持HTML5.
为了IE9 以下版本浏览器兼容HTML5的方法,你可以使用结合IE的条件注释HTML5 Shiv文件。
HTML5 Shiv是js文件,它可以让低版本的IE正常使用HTML5的标签,你只需要引用它即可。
例如:

//谷歌的静态资源包
<!--[if lt IE 9]>
<script src='http://html5shiv.googlecode.com/svn/trunk/html5.js'></script>
< ![endif]-->

//或者使用国内的镜像
<!--[if lt IE 9]> 
<script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
<![endif]-->

不过这还没有完,你还要在CSS中添加这样一句话才行:

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

本章节内容到此结束,希望大家喜欢。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值