본문 바로가기
Web/HTML과 CSS

[HTML] HTML 기본 구조

by 까망 하르방 2021. 3. 3.
반응형

웹 문서를 읽는 Web Browser는 HTML 코드를 한 줄씩 읽어가는데

크게 구분 짓는 <!doctype> / <html> / <head> / <body>를 살펴보자.

: 현재 문서가 HTML5 언어로 작성된 웹 문서라는 뜻

 

 

: 웹 문서의 시작과 끝을 나타내는 태그

<html> 태그에서는 lang이라는 속성을 사용해 문서에서 사용할 언어를 지정 (한국어는 'ko')

 

※ 사용 언어를 명시하는 이유는?

1. 검색 사이트에서 '한국어로 된 문서'로 범위로 제한할 때, 우선 검색된다.

2. 화면 낭독기(Screen Reader)가 웹 문서를 읽어줄 때, 그 언어의 발음이나 억양, 목소시를 맞춰준다.

 

웹 브라우저가 웹 문서를 해석하기 위해 필요한 정보들을 입력하는 부분

(문서에서 사용할 외부 파일들도 이곳에서 링크 link)

<meta>: 문자 인코딩 방법, 웹 문서 키워드 등을 지정

<title>: 해당 페이지를 방문자나 검색 엔진이 보는 내용

 

 

실제로 웹 브라우저 화면에 나타나는 내용

 

반응형

'Web > HTML과 CSS' 카테고리의 다른 글

[CSS] CSS 선언방법  (0) 2021.03.04
[HTML] 로렘 입숨 (Lorem Ipsum)  (0) 2021.03.04
[HTML] HTML이란?  (0) 2021.03.03
HTML 태그 주석 <!-- -->  (0) 2021.02.22
[CSS] CSS 선택자  (0) 2021.02.21

댓글