20. Expressive Web Application Design | WEEK 2 : FLEX.HTML5
<header>
<article>
<section>
<section>
<aside>
<footer>
<nav>
section
일반적인 문서나 애플리케이션 영역 표시
섹션의 제목을 h1~h6까지 함께 사용
article 뉴스 기사나 블로그 글 같은 독립적인 콘텐츠 표시
aside 문서의 주요 부분을 표시하고 남는 사이드바의 콘텐츠
hgroup 제목과 그의 부제목을 그루핑
header
헤더부분, 사이트 소개 또는 네베게이션 등 표시
내용중간에는 머리글 역할
footer
푸터 부분
사이트 저작관, 제작자 정보
nav 사이트안에서의 네비게이션 요소 표시
21. Expressive Web Application Design | WEEK 2 : FLEX.HTML5
http://grigorlawyers.com.au/
머리말 부분지정
메뉴삽입 | 검색창 등 <form>등을 통해 삽입 가능
33. Expressive Web Application Design | WEEK 2 : FLEX.HTML5
직접 해보기(4)
4. <section>태그 삽입
<section id="content">
<header>
<h3> 산행 예절</h3>
</header>
<article>
<h4> 인사 </h4>
<p>인사를 할 때에는 너무 큰소리로 하지 말고 상대방이 똑똑히 들을 정도의 소리로 인사한다. 산쟁이 중에는 "수고 하십니다"
란 인사를 싫어하는 사람이 많다. 오히려 그것 보단 "힘내세요" "조금만 가면 정상입니다" "좋은 산행 되세요"라고 인사가 적당하지
않은가 생각한다. 그리고 단체로 갈 땐 모든 사람이 인사를 하면 안된다 여러 명이 줄지어서 갈 땐 선두에 선 사람이 인사를 하고 뒷사
람은 가볍게 목례정도만 하면 된다.</p>
<h4>추월을 해야 할땐 먼저 양해를 구하자.</h4>
<p>좁은 등산로에서 예고없이 추월을 한다면 배낭 같은 것이 부딪혀 서로 중심이 흐트러질 경우가 많다. 약한 사람은 튕겨 날
경우도 있다. 추월을 할 땐 미리 "먼저 가겠습니다"라고 하고 비켜주면 그때 "고맙습니다"라고 인사를 하고 추월을 하자.</p>
<h4>올라오는 사람에게 양보를 하자.</h4>
<p>산에서 많이 경험을 하였을 것이다. 내려 오는 사람보단 올라가는 사람이 시간이 촉박하다. 또 페이스 유지도 올라오는 사람
이 유지하기가 어렵다. 단체일 경우에는 소수인 그룹이 양보한다.</p>
</article>
</section>