728x90
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내에 외부 파일을 포함시켜주기도 합니다
300x250
'👩🏻💻프로그래밍 > HTML, PHP, CSS' 카테고리의 다른 글
| HTML 강좌 #07 HTML에서 CSS를 불러오기 & class와 id의 차이점 (1) | 2020.09.07 |
|---|---|
| HTML 강좌#06 브라우저 사이즈에 맞게 글자크기가 변하는 반응형 텍스트 만들기 (8) | 2020.09.06 |
| HTML 강좌 #05 HTML 주석 사용방법 에디터별 주석의 차이 (0) | 2020.08.15 |
| HTML 강좌 #04 자주 사용되는 텍스트 서식 | 굵기,밑줄,강조 등 (0) | 2020.08.11 |
| HTML 강좌 #03 HTML에서 사용하는 태그 정리 (0) | 2020.08.09 |
| HTML 강좌 #02 HTML코드 작성하기 태그편 (1) | 2020.08.07 |
| HTML 강좌 #01 웹사이트를 구성하는 언어의 종류 (4) | 2020.08.05 |
