HTML head 구조
시작과 끝을 상징하는 < 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 태그의 구조가 어떻게 이루어 지는지에 설명을 마치도록 하겠다.
Author And Source
이 문제에 관하여(HTML head 구조), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@milkyway/HTML-head-구조저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)