본문 바로가기

FrontEnd/HTML

HTML의 기본 개념과 문서의 구조

728x90
반응형

HTML은 HyperTextMarkupLanguage를 뜻하며 웹페이지를 만들기위한 표준 마크업 언어입니다.

 

HTML 문서의 기본 구조는 아래와 같습니다.

 

<!DOCTYPE html>
<html>
<head>
     <title></title>
</head>
<body>

</body>
</html>

 

아래의 표에 HTML 문서의 기본 구조에서 쓰여진 태그들의 특징을 정리하였습니다. 

<!DOCTYPE html>  HTML5 문서를 선언하는 구문으로, 이 문서가 HTML5로 작성된 웹 문서임을 웹브라우저에 알려줍니다.
<html>~</html> HTML5 문서의 시작과 종료를 알립니다. 최상위(root)요소이기도 합니다.
<head>~</head> 웹페이지의 정보를 정의하는 곳으로 자바스크립트, CSS 등을 정의 할 수 있습니다.
<title>~</title> 웹 브라우저의 제목을 지정합니다.
<body>~</body> 문서의 본문을 작성하는 공간입니다.

이를 시각화로 표현하면

HTML5 문서의 구조 시각화 표현 [https://www.w3schools.com/html/html_intro.asp]

 

현재 사용되고 있는 HTML5에 대한 W3C의 권장사항을 참고 자료로 링크 첨부해두었습니다.

저도 다는 읽어보지 않았지만 W3C에서 권장하는 HTML5의 구현 보고서에 '이런 기술들을 구현하였구나!' 라고 이해하는 정도로 보시면 될것 같습니다.

www.w3.org/TR/html52/

 

HTML 5.2

Abstract This specification defines the 5th major version, second minor revision of the core language of the World Wide Web: the Hypertext Markup Language (HTML). In this version, new features continue to be introduced to help Web application authors, new

www.w3.org

 

728x90
반응형