본문 바로가기

개발/HTML

[HTML] 웹페이지를 구성하는 기본 tag

 

1. 문서 형식 정의 tag

 

     - <!DOCTYPE html>

 

 

1. html tag

 

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

     - lang attribute 사용하는 경우 많음. ko는 한국어를 주 언어로 사용하는 경우

 

 

2. head tag

 

     - head 메타데이터를 포함하기 위한 요소 

     - 웹페이지에 단 하나만 존재

     - HTML 문서의 title, style, link, script에 대한 데이터는 화면에 표시 안됨

     - head에는 메타데이터 이외의 화면에 표시되는 일체의 요소를 포함시키지 않음



1번 head에 들어가는 메타데이터들(User에게 보여지지 않는곳)

 

1. title tag

 

 

 

2. style tag

 

 

 

3. link tag (외부 리소스와의 연계정보 : 주로 HTML과 외부 CSS파일 연계)

 

 

 

4. script tag(Client-side JavaScript)

 

 

src Attribute를 사용해 외부 JavaScript 파일을 로드할 수 있다.

 

 

 

 

2번에 body에 들어가는것(User에게 보여지는곳)

 1. meta tag

 

     - description, keywords, author, 기타 메타데이터 정의에 사용

     - 브라우저, 검색엔진(keywords)등에 사용

     - charset attribute는 브라우저가 사용할 문자셋을 정의한다.

 

 

'개발 > HTML' 카테고리의 다른 글

[HTML] 목록 List /<ul> / <ol> / <il>  (0) 2020.05.20
[HTML] Hyperlink 정리  (0) 2020.05.20
[HTML] Text 관련 Tag / 특수문자  (0) 2020.05.20
[HTML] 시멘틱 태그 (Semantic Web) 란??? / Semantic tag  (0) 2020.05.19
[HTML] 기본문법  (0) 2020.05.18