HTML5
HTML5 (Hypertext Markup Language)는 html의 5번째 버전으로 마크업 언어.
웹 페이지의 내용(Content)과 구조(Structure)을 담당하는 언어로 태그를 통해 정보를 구조화 함.
HTML 문서
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id='root'> hello </div>
</body>
</html>
- HTML5 문서 선언은 <!DOCTYPE html> 으로 시작.
- HTML document는 2행부터 시작으로 <html> </html> 사이에 위치.
- <head> </head> 사이에는 document title, 외부파일 참조, metadata의 설정 등이 위치하며, 이 정보는 브라우저에 표시되지 않음.
- 웹 브라우저에 출력되는 모든 요소는 <body> </body> 에 위치.
HTML5 기본 문법
어트리뷰트
어트리뷰트(attribute 속성)이란 요소의 성질, 특징을 정의하는 명세로 이름과 값의 쌍을 이룸.
글로벌 어트리뷰트
글로벌 어트리뷰트는 모든 HTML 요소가 공통으로 사용할 수 있는 어트리뷰트로, 대체로 모든 요소에 사용 가능
Attribute Name |
Description |
id |
유일한 식별자 (ID)를 요소에 지정함. 중복으로 지정 불가 |
class |
스타일시트에 정의된 class를 요소에 지정함. 중복 지정 가능 |
hidden |
css의 hidden과 다르게 의미상으로 브라우저에 노출되지 않음 |
lang |
지정된 요소의 언어를 지정. |
sytle |
요소에 인라인 스타일을 지정. |
tabindex |
사용자가 키보드로 페이지를 내비게이션 시 이동 순서를 지정. |
title |
요소에 관한 제목을 지정. |
주석
<!-- <p> Hello </p> -->
<p> Hello </p>