뉴 렉쳐 [웹 표준 기반의 웹 퍼블리싱 HTML5, CSS] 강의 (4)

HTML5, CSS 강의 17강 ~ 22강 학습 중 메모

 

17강 웹 문서 작성 1단계 - 콘텐츠 작성하기

18강 콘텐츠의 블록 작성하기 #1

 

19강 콘텐츠의 블록 작성하기 #2

 제목? 목록? 문장? 표? 폼?

 위에 따라 태그를 선택하며 아니라면? <div> 추천.

<!-- ul. unordered list. 정렬되지 않은 리스트

         목록 태그. 땡 땡 으로 되어있음.

         ol. ordered list. 정렬된 리스트. 1. 2. 3... 으로 됨

         dl. define list 

         <dt> <dt>어묵탕</> <dd> 따뜻한 국물 </> </dt>

            어묵탕

                따듯한 국물.

            이런식으로 주제 던지고 아래는 탭 한번 하고 나옴. 

    -->

 

20강 문서의 아웃라인 잡기

• Chrome Web Store - HTML5 Outliner 를 통해 윤곽 확인 가능

21강 아웃라인 영역 만들기

22강 영역을 위한 시멘틱 태그

• HTML4 까지만 해도 헤더/메인/푸터에 대한 통일감, 구분 태그의 개념이 없었습니다. 
• 하지만 21강에서 헤더 영역, aside 영역, 메인 영역, 푸터 영역을 분할하면서 각 영역에 통일감을 부여했습니다.
• 모든 태그에는 id라는 속성이 있기 때문에 이를 활용하게 되었고 어느 정도 표준화가 진행되었고,
• <header />, <main />, <footer /> 가 생겨나게 되었습니다. ( <main /> 이 나중에 나옴 )
• 위 태그들은 div 와 같지만 어느정도 의미를 담고 있는 div 태그이다!