当不兼容时 要考虑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>