[HTML] HTML5_기본 구조

HTML5 기본 구조

HTML5의 기본 구조에 대해서 알아보자

<!DOCTYPE html>
<html>
    <head>
    <meta charset=UTF-8"> 
        <title> HTML 기본 구조 </title>
    </head>
    <body>
     HTML5 기본 구조 
    </body>
</html>

- HTML5 문서의 기본 구조는 기존의 HTML, XHTML의 형식과 크게 다르지 않습니다.

- 기본 HTML, XHTML과 거의 완벽하게 호환이 됩니다.

- HTML 구성요소 -

구성요소	설명
요소(Elements)	시작과 종료를 나타내는 태그로 이루어진 모든 명령어
요소(Elements)	ex) <title> 문서의 제목 </title>
태그( Tag)	'<'과'>' 로 둘러싸인 요소의 일부
태그( Tag)	시작 태그 <> 와 종료 태그 </> 로 이루어져 있지만 일부 요소는 종료 태그가 없는 것도 있다.
속성(Attributes)	요소의 시작 태그 내에 사용한다 , 명령어를 구체화시키는 역할을 한다.
속성(Attributes)	ex) <p align='center'>문서의 내용 </p>
변수(Arguments)	속성과 관련된 값
변수(Arguments)	ex) <p align='center'> 문서의 내용 </p>

다음은 HTML5를 사용하기 전의 HTML의 기본 구조이다

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title> HTML 기본 구조 </title>
    </head>
    <body>
    	HTML 기본 구조
    </body>
</html>

보시는 바와같이 HTML5과 기본 HTML를 비교해보면 HTML5가 굉장히 간편해 진것을 볼수있다.

지금까지 기본 구조, 기본 템플릿 을 알아보았으니 이것을 기준으로 하나하나 배워보도록하자

(나 역시 이번에 처음 접해보는 HTML5...)