개인 공부 블로그

HTML 문서의 기본 구조 본문

Javascript

HTML 문서의 기본 구조

패잇 2023. 9. 18. 21:56

웹 문서는 보통 <!DOCTYPE html>로 시작해 <html>, <head>, <body> 3개의 영역으로 구성되어 있다.

 

<!DOCTYPE html> 

웹 문서의 유형을 지정하는 선언문

 

 

<html> 

HTML 파일의 시작과 끝을 표시.

</html> 태그 뒤에는 아무 내용도 없어야 한다.

 

 

<head>

웹 브라우저에 문서 정보를 알려주는 태그

<head> 영역은 웹 브라우저가 알아야할 정보를 입력하는 곳이어서 대부분 웹 브라우저 화면에는 보이지 않는다.

문서에 사용할 스타일 시트 파일도 이 영역에서 연결한다.

 

<meta>

- 웹 브라우저에는 보이지 않지만 웹 문서와 관련된 정보를 지정할 때 사용.

- 가장 중요한 역할은 어떤 인코딩을 사용할지 지정하는 것.

   <meta> 태그에서 인코딩을 지정하지 않으면 웹 브라우저에서 자동으로 인코딩을 처리하기 때문에

   한글이 깨질 수도 있다.

 

<title>

- 웹 문서의 제목을 입력.

- <title> 태그에 지정하는 내용이 웹 브라우저의 제목 표시줄에 표시된다.

 

 

<body>

웹 브라우저에 내용을 표시하는 태그. 실제 웹 브라우저 화면에서 보여주는 내용을 작성

 

'Javascript' 카테고리의 다른 글

정규 표현식(regular expression)  (0) 2024.03.04
템플릿 리터럴  (0) 2024.02.29
var, let, const  (0) 2023.09.19
정적 / 동적 타입 자료형  (0) 2023.09.14
자바스크립트의 타입과 자료형  (0) 2023.09.14