HTML코드를 작성할때
body태그는 브라우저상에서 내용이 표시되는 곳이라고 알고있는데 그렇다면 그위에 작성하는
head태그는 뭘까요??
우선 아래 코드를 확인해주세요
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>My site page</title> </head> <body> <h1>My Title</h1> </body> </html> | cs |
<html>태그안에서
<head>태그를 사용한후 그안에
<meta charset="utf-8">
이런 내용이 있습니다
이 내용에 대해서 설명해드리자면 html파일의 인코딩을 알려주는 태그입니다
인코딩을 알려주지 않을경우 웹브라우저 설정에따라서 자동으로 인코딩을 처리해주는데
처리가 정확한경우도 있지만 그렇지 않은경우도 있습니다 그렇기때문에 한글이 깨지지 않게하기 위해서 위 태그는 꼭 적어주는게 좋습니다
그 이후에 작성된
<title>My site page</title>
<title>태그는 웹페이지 자체 제목으로 표시가됩니다
뭔말인지 이해가 안되시나요??
사진을 보시면 이해가 가실겁니다
사진에서 빨간 밑줄이 그어진 부분이 보이시죠??
위에서 <title>태그 안에 입력한 내용이 표시됩니다
결과적으로 head는?
HTML에서 <head>는 페이지를 열때 브라우저에 표시되는 <body>요소와는 다르게 웹페이지 내에 내용에는 표시되지 않습니다
head가 하는 일은 페이지에 대한 메타데이터(metadata)를 포함시킵니다
나중에 css파일을 사용할경우
<link>태그를 사용하여 head내에 외부 파일을 포함시켜주기도 합니다