[HTML] HEAD 태그 안의 태그들

HEAD 태그 안의 태그들

Head 태그는 DTD에 정보들을 설정해주는 태그가 모여있는 태그입니다. title, meta, link, script, style 모두 어떠한 정보들을 가지고 있는 태그들 입니다.

<head>
	<meta>
    <link>
    <script></script>
    <title></title>
</head>

Title 태그는 제목을 의미하는 태그입니다. 아래의 이미지의 "글쓰기"가 바로 <title> 태그가 사용되는 부분입니다.

<head>
	<title>글쓰기</title>
</head>

Meta 태그는 웹 페이지의 대한 정보를 나타냅니다. 해당 문서가 어떠한 방식으로 인코딩 되야 하는지 해당 글의 작성자는 누군지 부가 정보는 뭐가 있는지에 대하여 나타내 줍니다.

Link 태그는 외부에 있는 문서를 연결할 때 사용합니다. favicon 또는 css 문서를 불러올 때 많이 사용됩니다.

<link rel="stylesheet" href="css/style.css">

Style 태그는 HTML문서에 CSS를 작성할 수 있게 해주는 태그입니다.

<style>
* {
	color : blue;
}
div {
	width : 100px;
    height : 100px;
}

</style>

Script 태그는 HTML문서에 javascript를 작성할 수 있게 해주는 태그입니다. 또한 외부의 javascript파일을 불러올 수 있는 태그입니다.

<script src="./js/console.js"></script> # 외부 js파일을 불러온다.

<script>
	console.log("javascript");
</script>