-
HTML 문서의 기본구조 ( DOCTYPE, html, head , meta, title, body )Knowledge/HTML & CSS 2019. 10. 8. 16:34반응형
HTML 문서의 기본 구조는 아래와 같다
12345678910<!DOCTYPE html><html lang="ko"><head><meta charset="UTF-8"><title>HTML</title></head><body><h1>Hello, HTML</h1></body></html>먼저 1라인의 <<!DOCTYPE html> 부분은 이 문서가 어떤 버전으로 작성되었는지 브라우저에게 알려주는 선언문이다.
이는 반드시 문서 내 최상단에 선언되어야 한다
코드에 보이듯 <html> 태그는 자식 태그로 <head> 태그와 <body> 태그를 가질 수 있고 lang 속성을 가진다.
이 <html> 태그의 lang 속성은 문서가 어느 언어로 작성되었는지를 알려준다 ex > ko = 한글 / en = 영어
<head> 태그의 내용들은 문서의 기본 정보를 설정하거나 외부 스타일 시트 파일 및 js 파일을 연결하는 등의 역할을 하며 <body> 태그의 내용으로는 실제 브라우저 화면에 나타나는 태그와 내용들이 들어가게 된다.
반응형'Knowledge > HTML & CSS' 카테고리의 다른 글
CSS 클래스명을 정돈해보자 BEM ( Block, Element, Modifier ) 방법론 (0) 2019.11.14 반응형 웹 기초 뷰포트(View port) 와 미디어 쿼리(Media Queries) (0) 2019.11.13 클릭시 스크롤이 상단으로 이동하거나 주소 뒤에 #이 붙으면 범인은 A태그! (0) 2019.08.22 strong과 em 사용이 웹 표준에 어긋나지 않는 이유 (0) 2018.03.05 DOCTYPE을 선언하는 이유 (0) 2018.03.05