본문 바로가기
coding/html + css

[html] <!DOCTYPE html> 대충 이해해보기

by 씸플레이 2020. 10. 3.
728x90
반응형

 

안녕하세요. 플입니다.

대충 이해해보기 시리즈 2탄입니다. (시리즈 해볼까 봐요)

 


https://ssimplay.tistory.com/370

 

[html] html을 대충 이해해보자

안녕하세요. 플입니다. 오늘은 html에 대해서 이해해보도록 해요  1. html html은 "Hyper Text Mark-up Language"의 약자입니다. 하지만 이렇게 말하면 너무 어렵고 무슨 소리인지 모르겠죠. html은 웹페이지��

ssimplay.tistory.com

 

1탄 링크도 첨부해두겠습니다.


 1.  <!DOCTYPE html> 선언하기

티스토리 html 편집 모드

html 문서를 보시면 가장 위에 <!DOCTYPE html>이라는 문구를 보신 적 있으실 거예요.

뭐야 그런 거 모르겠어하시는 분들을 위해서 익숙하실 티스토리 편집 모드 화면을 캡처해봤습니다.

 

가장 위에 <!doctype html> 보이시나요? 원래는 대문자로 적어주어야 하는데 티스토리는 뭔가 바꿔주는 기능이 있나 봐요.. 아무튼 저렇게 가장 위에 선언해주는 겁니다.

 

<!DOCTYPE html>
<html>

<head>
</head>

<body>
</body>

</html>

그냥 코드만으로도 보여드릴게요.

이렇게 맨 위에 넣고 아래로 태그를 적는 거예요.


 2.  의미

간지나보이는 이미지

이게 무엇이냐. 이건 html5라는 html버전을 선언해주는 문구예요. html도 버전이 여러 개 있거든요.

지금 5가 가장 최신 버전일 거예요.

 

얘는 예외적으로 태그가 아니라 닫는 태그가 필요 없어요. 

 

쉽게 말해 이건 5버전이야! 라고 선언해주는 거랍니다.


그럼 이만.

총총.

300x250
반응형

댓글27