[CS] HTML

youngseo·2022년 8월 24일

개발상식

목록 보기

4/6

HyperText Markup Language의 약자로 World Wide Web을 통해 제공하는 정보를 나타낼 목적으로 사용되는 마크업 언어이며, HTML의 5번째 버전을 의미한다.

HTML5 이전에는 같은 웹 사이트라고 하더라도 접속하여 사용을 하는 웹 브라우저의 종류 또는 버전에 따라 화면에 다르게 보이는 사오항이 발생했다. 이러한 이유로 웹 표준의 필요성이 절실하게 요구되었다.

HTML5 이전 버전까지는 웹 브라우저에 추가 설치된 플러그인의 도움 없이 동영상이나 음악을 재생할 수 없었으나 HTML5부터는 플러그인의 추가 설치 없이 동영상이나 음악을 웹 브라우저 상에서 곧바로 재생할 수 있다.
브라우저의 로컬 스토리지를 활용하여, 웹 페이지가 브라우저에 데이터를 로컬로 저장할 수 있게 되었다. 이를 통해, 오프라인에서도 효율적으로 작동할 수 있게 되었다.
HTML5에서는 SVG 태그를 이용한 2차원 벡터 그래픽과 자바 스크립트 캔버스를 사용한 2차원 래스터 그래픽, CSS3와 자바스크립트 WebGL을 사용한 3차원 그래픽의 구현이 가능하다.
HTML5는 서버와 소켓 통신이 가능해 실시간으로 서버와 양방향 통신을 수행할 수 있다.
스마트폰의 배터리 잔량을 확인하거나 GPS를 통한 위치 확인 및 장치 접근이 가능하다.
HTML5는 오프라인 상태에서도 작업이 가능하다.

"문서 형식 선언"(Document Type Declaration), 또는 doctype이란 문서의 유형을 정의하기 위해 사용하는 선언문이다.

문서 타입 정의는 HTML5, XHTML, HTML의 세가지 문서 유형이 존재하며, 기술한 유형에 따라 마크업 문서의 요소와 속성들ㅇ르 처리하는 기준이 되며 유효성 검사에 이용된다.

웹 문서의 시작을 알려주며 태그보다 먼저 선언한다. DOCTYPE은 웹 브라우저에서 처리할 문서가 HTML이며 어떠한 버전으로 사용했으니, 해당 방식대로 해석하라는 의미를 갖는다.

'속성정보'라고도 불리는 메타데이터는 '데이터에 관한 구조화된 데이터', '다른 데이터를 설명해 주는 데이터'이다. (데이터를 위한 데이터)

대량의 정보 가운데에서 찾고 있는 정보를 효율적으로 찾아내서 이용하기 위해 일정한 규칙에 따라 콘텐츠에 대하여 부여되는 데이터이다.

속성명	속성값	설명
charset	문자셋	해당 문서의 문자 인코딩 방식을 명시함
content	텍스트	name속성이나 http-equiv속성과 관련된 값(value)을 명시함
http-equiv	content-type, default-style, refresh	content속성에 명시된 값에 대한 HTTP헤더를 제공함
name	application-name, author, description, generator, keywords, viewport	메타데이터를 위한 이름을 명시함
scheme	포켓 또는 URL	content속성의 속성값을 해석하는데 사용할 스키마를 명시함, HTML5에서는 더이상 지원하지 않습니다.