HTML (웹표준, 태그 구성, 규칙)

인터넷 브러우저에서 그림이나 텍스트의 표현을 가능하게 지원하는언어

웹표준이란 어떤 브라우저를 사용하느냐? 와 관게없이 브라우저 간 상호 호환성에 초점을 둔 표준안을 의미한다

최신 웹 표준 기술의 적용과 접근성이 핵심이다

특정 브라우저에서만 사용하는 비표준화 기술적 요소를 배제하고 국제 표준화 단체가 지정한 기술만을 쓴다

웹 접근성(Web Accessiblity)은 장애인과 비장애인, 노인 등 모두가 웹사이트를 이용할 때 정보와 기능을 동등하게 접근할 수 있게 설계하고 개발해야 한다.

누구든지 인터넷에 접속해서 서비스 이용가능
신체적, 기술적 여건과 차별없이 견고한 콘텐츠 접근 보장

-> 웹 접근성을 지키려면 웹 표준을 준수해야 한다

주요 기능	설명
Multimedia	비디오, 오디오 기능을 자체적으로 지원한다
Web Storage	웹 사이트의 데이터를 클라이언트에 저장하는 기능이다.
Web Scoket	클라이언트와 서버간 직접적인 양방향 통신이 가능하다.
Geolocation	GPS 없이도 지리적인 위치정보를 제공한다.
Graphics	2차원 또는 3차원 그래픽 기능을 제공한다.
Device Access	카메라, 동작센서, 배터리 등 H/W를 웹 브라우저에서 직접 제어할 수 있 는 기능이다.
Drag & Drop	요소를 끌어다 놓는 기능이다.
Semantics	태그에 의미를 부여해서 사용자 의도에 맞는 맞춤 검색을 한다 (HTML5가 지원하는 좋은 기능)

HTML은 특정 문서 형식의 정의(DTD: Document Type Declaration)에 따라 문서를 작성하는 마크업 언어다.
그래서 <!DOCTYPE> 선언은 HTML문서에서 <HTML> 태그보다 먼저 선언해야 한다.
HTML4.01에서 <!DOCTYPE>선언은 SGML(Standard Generalized Markup Language)을 기반으로 했기 때문에 DTD를 참조 한다. 그러나 HTML5는 SGML을 기반으로 하지 않기 때문에 DTD에 대한 참조를 할 필요가 없다.

※ <!DOCTYPE>를 어떻게 썼는지에 따라 HTML버전을 확인할 수 있다

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd">

HTML5

<!DOCTYPE HTML>

: 태그는 시작태그와 종료태그 안에 속성과 속성값 그리고 내용을 넣어 작성한다.

구성	설명
Element(요소)	'<' and '>' 로 묶인 명령어로서 <태그>...</태그>의 형태로 작성한다
Attribute(속성)	<img src="../image/default.gif" /> 시작태그에 필요에 따라 속성이라는 옵션을 사용한다.
Argument(속성값)	<img src="../image/default.gif" /> 속성에 대한 값을 의미하며 " " 또는 ' ' 안에 넣어 표시한다.

<!DOCTYPE html>	설명
<html> </html>	문서의 시작과 종료를 나타낸다
<head> </head>	문서의 머리 부분으로 웹 페이지에는 보이지 않는 부분으로 문서 제목과 헤더 정보(즉 문서의 설명, 키워드, 저장) 등을 표 시한다
<title></title>	문서의 제목을 웹 브라우저 제목 표시줄에 표시한다
<body></body>	브라우저에 표시되는 문서 내용으로 웹 페이지상에 보이는 모든 내용을 표시한다

Study room