riix
12/21/2012 - 8:23 AM

Layout

Layout

<h1>website</h1>

<div id="skipToContent"><!-- skip to content -->
	<a href="#content">메뉴 건너뛰기</a>
</div><!-- // skip to content -->

<div id="header"><!-- header -->

	<div class="holder"><!-- header holder -->

		<div id="gnb"><!-- gnb -->
			<h2 class="semantic">메인메뉴</h2>
			...
		</div><!-- // gnb -->

		<div id="utility"><!-- utility -->
			...
		</div><!-- // utility -->

	</div><!-- // header holder -->

</div><!-- // header -->

<div id="container"><!-- container -->

	<div id="wrapper"><!-- wrapper -->

		<div id="aside"><!-- aside -->

			<div id="lnb"><!-- lnb -->
				<h2 class="semantic">서브메뉴</h2>
				....
			</div><!-- // lnb -->

		</div><!-- // aside -->

		<div id="body"><!-- body -->
		
			<h2 class="semantic">컨텐츠 영역</h2>

			<div id="contents"><!-- contents -->
				<h3 class="title">대 제목</h3>
				...
				<h4 class="title">중 제목</h4>
				...
				<h5 class="title">소 제목</h5>
				....
			</div><!-- // contents -->

		</div><!-- // body -->

	</div><!-- // wrapper -->

</div><!-- // container -->

<div id="footer"><!-- footer -->

	<div class="holder"><!-- footer holder -->

		<div id="quicklaunch"><!-- quicklaunch -->
			...
		</div><!-- // quicklaunch -->

		<div id="familysite"><!-- familysite -->
			...
		</div><!-- // familysite -->

	</div><!-- // footer holder -->

</div><!-- // footer -->