4.semantic(1)

사이트 작성=>주제
        ctrl+/ 주석
        semantic:'의미를 가진다.' 각 태그가 스스로 의미를 가진다.

        1.header:사이트소개,메인메뉴(상단메뉴),사이트 로고포함
        2.nav:사이트 소개(좌측),링크문자열과 같이 연결
        3.section:실제 문서 내용이 나오는 영역
                    =>소제목이 있는 단락구분(논리적인 단위)
        4.article:실제적으로 자세한 문서내용이 나오는 부분
        5.aside:블로그 형식(오른쪽) - 사이드바
        6.footer:작성자정보,저작권정보(링크문자열)

 

<header><!--본문의 전체제목-->

            <h2>산과 벗하는 산악회</h2>

            <h2>주말산행,주중산행,무박산행도 가능</h2>

      </header>

      <nav>

        <!-- ul>li>a -->

        <ul>

            <li><a href="#">산행예절</a></li>

            <li><a href="#">산행준비</a></li>

            <li><a href="#">산행종류</a></li>

            <li><a href="#">보행요령</a></li>

            <li><a href="#">등산식량</a></li>

        </ul>

      </nav>

      <section>

            <header>

                <h3>산행예절</h3>

            </header>

            <article>

                <!-- 태그명{내용} -->

                <h4>인사</h4>

            <p>인사를 할 때에는 너무 큰소리로 하지 말고 상대방이 똑똑히 들을 정도의 소리로 인사한다. 산쟁이 중에는 "수고 하십니다"란 인사를 싫어하는 사람이 많다.

            오히려 그것 보단 "힘내세요" "조금만 가면 정상입니다" "좋은 산행 되세요"라고 인사가 적당하지 않은가 생각한다.

            그리고 단체로 갈 땐 모든 사람이 인사를 하면 안된다 여러 명이 줄지어서 갈 땐 선두에 선 사람이 인사를 하고 뒷사람은 가볍게 목례정도만 하면 된다.

            추월을 해야 할땐 먼저 양해를 구하자.

            좁은 등산로에서 예고없이 추월을 한다면 배낭 같은 것이 부딪혀 서로 중심이 흐트러질 경우가 많다. 약한 사람은 튕겨 날 경우도 있다. 추월을 할 땐 미리 "먼저 가겠습니다"라고 하고

            비켜주면 그때 "고맙습니다"라고 인사를 하고 추월을 하자.

            </p>

            <h4>올라오는 사람에게 양보를 하자.</h4>

            <p>산에서 많이 경험을 하였을 것이다. 내려 오는 사람보단 올라가는 사람이

            시간이 촉박하다. 또 페이스 유지도 올라오는 사람이 유지하기가

            어렵다. 단체일 경우에는 소수인 그룹이 양보한다.</p>

            </article>

      </section>

 

 

 

실행화면