4장. 웹페이지를 구성하는 기본 태그

[ 목차 ]

1. 문서 형식 정의 tag

2. html tag

3. head tag

4. head tag - title tag

5. head tag - style tag

6. head tag - link tag

7. head tag - script tag

8. head tag - meta tag

9. body tag

1. 문서 형식 정의 tag

1) 문서 형식 정의 태그는 출력할 웹 페이지의 형식을 브라우저에 전달

2) 문서의 최상위에 위치해야 하며 대소문자를 구별하지 않음

HTML5

2. html tag

1) html 태그는 모든 html 요소의 부모 요소이며 웹페이지에 단 하나만 존재

2) 즉, 모든 요소는 html 요소의 자식 요소이며 html 요소 내부에 기술

3) html은 글로벌 어트리뷰를 지원하며 특히 lang를 주로 사용

4) <!DOCTYPE>는 예외

3. head tag

1) head 요소는 메타데이터를 포함하기 위한 요소이며 웹페이지에 단 하나만 존재

2) 메타데이터는 html 문서의 title, style, link, script에 대한 데이터로, 화면에 표시되지 않음

3) head 요소에는 메타데이터 이외의 화면에 표시되는 일체의 요소를 포함시킬 수 없음

 

4. head tag - title tag

1) 문서의 제목을 정의

2) 정의된 제목은 브라우저의 탭에 표시

 

5. head tag - style tag

1) html 문서를 위한 style 정보를 정의

 

6. head tag - link tag

1) 외부 리소스와의 연계 정보를 정의

2) 주로 html과 외부 css파일을 연계에 사용

 

7. head tag - script tag

1) client-side JavaScript를 정의

2) src 어트리뷰트를 사용하면 외부 JavaScript 파일을 로드 가능

 

8. head tag - meta tag

1) meta 요소는 description, keywords, author, 기타 메타데이터 정의에 사용

2) 메타데이터는 브라우저, 검색엔진 등에 의해 사용

3) charset 어트리뷰트는 브라우저가 사용할 문자셋을 정의

 

9. body tag

1) html 문서의 내용을 나타내며 웹페이지에 단 하나만 존재

2) 메타데이터를 제외한 웹페이지를 구성하는 대부분의 요소가 body 요소 내에 기술