웹표준,웹접근성(html, html5, css, css3, javascript, jQuery, jQueryMobile, snecha, senchaTouch, php, mobileWebApp)

HTML5 - using Division 본문

html5

HTML5 - using Division

jokack01 2011. 11. 10. 11:56

<!DOCTYPE html>
<html lang="ko">
<head>
 <meta charset="utf-8">
 <title>HTML5 - using Division</title>
 <style type="text/css">
 
 html, body {
  width: 100%;
  height: 100%;
 }
 
 /* =overlay 
 ---------------------------------------------------------------- */
 .overlay {
/*
  width: 100%;
  height: 100%;
*/
  position: absolute;
  top: 0px;
  left: 0px;
  background: rgba(0,0,0,.3); /* 30% Black */
 }
 </style>
</head>
<body>

 <section id="page-wrap">
  <haader id="header">
  
  </header>
  <section id="contents">
  
  </section>
  <footer id="footer">
  
  </footer>
 </section>
 
 
 <div class="overlay">
 아웃라인에 필요할까요?<br>
 디비전은 아웃라인과 상관없는 곳에서 사용하면 됨.
 </div>
 <section class="overlay">
 섹션은 아웃라인을 그리기 때문에<br>
 굳이 여기서 사용할 이유가 없음.
 </section>

</body>
</html>

'html5' 카테고리의 다른 글

HTML5 - header  (0) 2011.11.10
HTML5 - footer  (0) 2011.11.10
HTML5 - aside  (0) 2011.11.10
HTML5 - article  (0) 2011.11.10
[html5] IE8 이하 브라우저  (0) 2011.11.10
'html5' Related Articles more