YoonStudyNote

본질적으로 아무것도 나타내지 않는 콘텐츠 영역을 설정. (Division, 꾸미는 목적으로 사용) 블록요소이다. CSS나 JAVASCRIPT를 삽입해서 DIV가 존재하는 특정한 영역을 찾고 그 찾은 영역에 CSS를 통해 스타일링하거나 JAVASCRIPT를 통해서 제어를 할 수 있다. 그러한 영역을 설정할때 DIV를 많이 사용한다.

, , 등에서 연락처 정보를 제공하기 위해 포함하여 사용. 블록요소로 설정되어 있다. jim@rock.com (311) 555-2368 다음과 같이 anker태그를 사용하며, address태그는 1개 이상의 연락처를 기입해야한다.

다른 페이지 링크를 제공하는 영역을 설정. (Navigation, 보통 메뉴(Home, About, Contact), 목차, 색인 등을 설정) nav의 소스코드는 이러하다. 이것을 사용하는 방법은 헤더의 메뉴바 부분에서 링크 연결해주는 역할을 할때 주로 사용이 된다. 많은 경우 nav안에는 ol 태그와 ul 태그를 사용한다. Shots Designers Teams Community Jobs Hiring

문서의 별도 콘텐츠를 설정. (보통 광고나 기타 링크 등의 사이드바(Side bar)를 설정) 블럭 요소이다. ASIDE의 영역은 다음과 같다. 전체적인 컨텐츠와는 구분되어져 있으며, 보통 오른쪽에 위치하고 특별한 경우는 왼쪽에 위치할 수 있다. cf. section과 article의 구역은 뒤바뀔 수 있다.

문서의 일반적인 영역을 설정 일반적으로 h1~h6를 포함하여 식별 How to Fish Introduction People have been catching fish for food since before recorded history… Equipment The first thing you’ll need is a fishing rod or pole that you find comfortable and is strong enough for the kind of fish you’re expecting to land… section은 문서의 구역을 설정하는것인데, 그 영역의 제목으로 h1~h6를 사용해서 구분한다. div section 영역구분 영역구분 의미 X 의미 O (제목을 포함)

독립적으로 구분되거나 재사용 가능한 영역을 설정(매거진/신문 기사, 블로그 등) 일반적으로 ~를 포함하여 식별 작성일자와 시간의 datetime 속성으로 작성 블록요소로 되어있다. Weather forecast for Seattle 03 March 2018 Rain. 04 March 2018 Periods of rain. 05 March 2018 Heavy rain. 다음과 같이 article태그 안에 article을 쓸수 있다. 자식요소 article은, 만약에 부모article에서 빠져나와서도 그것만의 독립적인 의미를 가지고 있게 된다면 자식 요소는 다른 태그가 아닌 article을 사용해야한다.

문서의 주요 콘텐츠를 설정. IE 지원 불가 한 문서에 하나의 요소만 포함 가능.

FOOTER는 일반적으로 작성자 구획, 저작권 데이터, 관련된 문서의 링크에 대한 정보를 포함한다.

1. HEADER 헤더 부분은 헤더태그를 만들고 내용을 그 안에 넣어야 한다. Personal Open Source Business Explore 요소는 소개나 탐색을 돕는것의 그룹을 나타낸다. 이것은 일부 제목 요소들을 포함할수도 있지만, 로고나 구획의 제목, 탐색 폼과 같은것들이 포함할수도 있다. 단, 다음과 같이 header안에 header가 또 들어갈 수 없다. 또한 footer도 들어갈 수 없다.

반드시 코드를 입력할때는 안에서 작성해야한다. 그안에서 코드를 읽고 작성하는것이 된다. 문서의 구조