HTML head 구조

4793 단어 html csshtml css



시작과 끝을 상징하는 < html > 태그 사이에는 < head >, < body > 태그를 삽입하여

이 두 태그는 쌍을 이룬다.

이번에는 head의 구조에 어떤한 태그들이 정의되어 있는지 알아보도록 하자.


meta


<head>
 <meta charset = "utf-8"> 
 <meta name = "keywords" content = "HTML5, CSS, Javascript">
  
</head>

HTML 문서에서 일반적인 정보를 선언할때 meta 태그를 활용한다.

utf - 8 은 가변 길이 유니코드(전 세계의 모든 문자를 다루도록 설계된 표준 문자 전산 처리 방식) 인코딩이다.


title

<head>
 <meta charset = "utf-8"> 
 <title>Hello My universe<title> 
   
</head>

title 태그는 단순히 문서의 제목을 지정한다.


link

<head>
 <meta charset = "utf-8"> 
 <title>Hello My universe<title> 
 <link rel = "stylesheet" href = "Milkeyway.css">
   
</head>

link 태그는 문서 내에서 외부 파일의 스타일, 스크립트, 이미지, 아이콘을 포함하는 데 사용된다.

보통 외부 CSS 파일을 삽입하여 스타일을 포함하는 일에 가장 많이 사용될 것이다.

HTML5부터는 더 이상 삽입할 스타일 시트의 종류를 지정할 필요가 없어져 type 요소는 제거됐다.

relrhk href 속성만으로 스타일의 파일을 포함할 수 있게 되었고,

rel 속성은 문서와 포함하는 파일 간의 관계를 의미한다.


그럼 이만 head 태그의 구조가 어떻게 이루어 지는지에 설명을 마치도록 하겠다.

좋은 웹페이지 즐겨찾기