• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>HTML5 Changes</title>
7
​
8
<!--[if lt IE 9]>
9
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
10
</script>
11
<![endif]-->
12
​
13
<style>
14
    header {
15
        background-color:lightgrey;
16
        height:100px;
17
    }
18
    nav {
19
        background-color:#339999;
20
        color:white;
21
        width:200px;
22
        height:300px;
23
        float:left;
24
    }
25
    section {
26
        width:200px;
27
        text-align:left;
28
        float:left;
29
        padding:10px;
30
    }
31
    footer {
32
        background-color:#FFCC00;
33
        height:100px;
34
        clear:both;
35
    }
36
    header, nav, section, footer { text-align:center; }
37
    header, footer { line-height:100px; }
38
    nav, section { line-height:240px; }
39
</style>
40
</head>
41
​
42
<body>
43
​
44
    <h1>HTML Shiv 방법</h1>
45
    <header>
46
        <h2>HEADER 영역</h2>
47
    </header>
48
    <nav>
49
        <h2>NAV 영역</h2>
50
    </nav>
51
    <section>
52
        <p>SECTION 영역</p>
53
    </section>
54
    <footer>
55
        <h2>FOOTER 영역</h2>
56
    </footer>
57
​
58
</body>
59
​
60
</html>