05. 주요 요소 정리 - 정보태그

jeong_hyeon·2022년 1월 19일
0

HTML/CSS/JAVASCRIPT

목록 보기
6/17

HTML을 작성하기 앞서 사용중인 VS코드의 !+tab을 하면 나오는 기본코드이다

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

처음 위와 같은 코드를 접했을때 정말 이게 무슨소리 인가 ... 싶었다
하나하나 천천히 풀어보면

<!DOCTYPE html> -> 문서의 HTML버전을 지정 (HTML5가 표준)
<html lang="en"> -> 문서의 전체 범위를 알려준다
<head> -> 문서의 정보를 나타내는 범위로 제목,설명,사용할 파일위치 등 웹페이지의 보이지 않는 정보를 작성
    <meta charset="UTF-8"> -> meta 태그의 경우 HTML문서의 제작자 내용 키워드 같은 여러 정보를 검색엔진이나 브라우저에게 제공하는 태그이며 
    <title>Document</title> -> 말그대로 타이틀! 문서의 제목을 정의한다(브라우저 탭에 표시되는 이름)
</head>
<body> -> 문서의 구조를 나타내는 범위 이며 사용자 화면을 통해 보여지는 구조를 작성한다.
    
</body>
</html>

이외에도 css를 연결할때 쓰는 link 태그 style태그
JAVASCRIPT를 가져오는 경우 사용되는 script 태그 등이 있다.

0개의 댓글