html5对于IE6的兼容性问题
2016-03-27 19:53
609 查看
当不兼容时 要考虑js。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>html5兼容性</title>
<script type="text/javascript" src="jquery-1.12.1.js">
/*document.createElement("header");
document.createElement("section");
document.createElement("footer");*/
</script>
<style type="text/css">
header{
width: 200px;
height: 200px;
background-color: red;
display: block;
}
section{
width: 150px;
height: 150px;
background-color: blue;
display: block;
}
footer{
width: 100px;
height: 100px;
background-color: green;
display: block;
}
</style>
</head>
<body>
<header>header</header>
<section>section</section>
<footer>footer</footer>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>html5兼容性</title>
<script type="text/javascript" src="jquery-1.12.1.js">
/*document.createElement("header");
document.createElement("section");
document.createElement("footer");*/
</script>
<style type="text/css">
header{
width: 200px;
height: 200px;
background-color: red;
display: block;
}
section{
width: 150px;
height: 150px;
background-color: blue;
display: block;
}
footer{
width: 100px;
height: 100px;
background-color: green;
display: block;
}
</style>
</head>
<body>
<header>header</header>
<section>section</section>
<footer>footer</footer>
</body>
</html>
相关文章推荐
- Html5全屏_IE
- Html5全屏_Chrome
- Html5全屏_FireFox
- HTML5存储—LocalStorage 和 sessionStroage
- HTML5之启动篇-检测浏览器是否支持HTML5与第一个H5程序
- HTML5之启动篇-HTML5简介
- 用HTML5的canvas做一个时钟
- 12种超酷HTML5 SVG和CSS3浮动标签效果
- HTML5与CSS3基础(三)
- 鹅厂1.3亿UV的H5活动背后的设计细节分享
- CSS3秘笈第三版涵盖HTML5学习笔记13~17章
- Html5杂谈
- HTML5 改良的 input 元素的种类
- 完美解决IE(IE6/IE7/IE8)不兼容HTML5新标签的方法
- 8款流行前沿的HTML5文本编辑器
- HTML5本地存储localStorage、sessionStorage基本用法、遍历操作、异常处理等
- HTML5的优缺点是什么?
- Html5 CSS3新标签解释及用法
- CDH5.5.1 安装Spark ON Yarn环境
- HTML5 部分标签及其说明