HTML

[HTML] Geolocation

HTML5 API HTML5에서 새롭게 추가된 API는 모두 자바스크립트로 구현되어 있다. geolocation API geolocation API는 사용자의 현재 위치 정보를 가져올 때 사용하는 자바스크립트 API다. 사용자의 위도 및 경도에 관한 정보는 자바스크립트를 이용해 웹 서버로 전송된다. 이것을 이용하면 사용자의 위치를 지도에 표시하거나, 사용자 근처의 상점을 찾아주는 등의 위치기반 서비스를 할 수 있다. 하지만 이러한 정보는 사용자의 사생활을 침해할 가능성이 높으므로, 사용자의 동의 없이는 사용할 수 없도록 하고 있다. getCurrentPosition() 메소드 getCurrentPosition() 메소드를 이용하면 사용자의 위치에 대한 위도와 경도값을 얻을 수 있다. 이 메소드의 첫 번째..

[HTML] 플러그인(Plug-in)

플러그인(Plug-in) HTML 플러그인이란 웹 브라우저의 표준 기능을 확장해 주는 프로그램을 의미한다. 가장 널리 알려진 플러그인으로는 Java Applet, Flash Player, Pdf Reader 등이 있다. 이러한 플러그인은 object 요소나 embed 요소를 사용하여 HTML 문서에 추가할 수 있다. object 요소 object 요소는 HTML 문서에 삽입할 객체(object)를 명시하는데 사용한다. 이 요소는 모든 웹 브라우저에서 동작하며, 객체뿐만 아니라 또 다른 HTML 문서를 삽입할 수도 있다. 또한, object 요소는 이미지를 삽입할 때에도 사용할 수 있다. embed 요소 embed 요소는 HTML 문서에 삽입할 객체(object)를 명시하는데 사용한다. embed 요소는 ..

[HTML] 오디오(audio)

오디오(audio) 요소 HTML5 이전에는 웹 페이지에서 오디오(audio)를 들려주기 위한 표준안이 없었다. 따라서 비디오를 삽입하기 위해서는 플래시(flash)와 같은 외부 플러그인(plug-in)에 의존해야만 했다. 하지만 HTML5에서는 태그를 이용하여 웹 페이지에 오디오를 삽입하는 표준화된 방식을 제공한다. 오디오 요소의 속성 이 문장은 사용자의 웹 브라우저가 audio 요소를 지원하지 않을 때 나타난다. control 속성은 재생, 정지 및 소리의 조절 등 오디오의 기본적인 동작을 조절할 수 있는 패널을 생성한다. 웹 브라우저는 여러 개의 태그 중 위쪽에서부터 순서대로 가장 먼저 인식되는 파일의 타입과 주소를 사용한다. 태그 사이에 존재하는 텍스트는 해당 웹 브라우저가 태그를 지원하지 않을 ..

[HTML] 비디오(video)

비디오(video) 요소 HTML5 이전에는 웹 페이지에서 비디오(video)를 보여주기 위한 표준안이 없었다. 따라서 비디오를 삽입하기 위해서는 플래시(flash)와 같은 외부 플러그인(plug-in)에 의존해야만 했다. 하지만 HTML5에서는 태그를 이용하여 웹 페이지에 비디오를 삽입하는 표준화된 방식을 제공한다. 이 문장은 사용자의 웹 브라우저가 video 요소를 지원하지 않을 때 나타난다. control 속성은 재생, 정지 및 소리의 조절 등 비디오의 기본적인 동작을 조절할 수 있는 패널을 생성한다. 또한, height와 width 속성을 이용하여 웹 브라우저에 삽입되는 비디오의 크기를 명시할 수 있다. 웹 브라우저는 여러 개의 태그 중 위쪽에서부터 순서대로 가장 먼저 인식되는 파일의 타입과 주소..

[HTML] 멀티미디어 파일 형식(video, audio)

멀티미디어 파일 형식 HTML5 이전까지는 웹 브라우저마다 어떤 종류의 멀티미디어 파일을 지원할지 각자 다른 방식으로 처리해 왔다. 하지만 HTML5에서는 플래시와 같은 외부 플러그인의 도움 없이도 멀티미디어 파일을 간단히 사용할 수 있게 되었다. 웹 브라우저는 파일의 타입(type)을 파일의 확장자로 판단한다. 만약에 확장자가 .html인 파일을 보면, 웹 브라우저는 이 파일을 HTML 파일로써 다루게 될 것이다. 비디오(video)나 사운드(sound)와 같은 멀티미디어 요소들은 멀티미디어 파일에 저장된다. 이와 같은 멀티미디어 파일도 다음과 같이 다양한 파일 형식으로 저장될 수 있다. 비디오(video) 파일 형식 대표적인 비디오 파일 형식은 다음과 같다. 파일 형식 파일 확장자 설명 MPEG .m..

[HTML] HTML input 요소의 속성

input 요소의 속성 input 요소는 다양한 속성을 가질 수 있다. HTML에서 자주 사용되는 input 요소의 대표적인 속성은 다음과 같다. value readonly disabled maxlength size HTML5 form 요소의 속성 HTML5에서 새롭게 추가된 form 요소의 속성은 다음과 같다. autocomplete novalidate HTML5 input 요소의 속성 HTML5에서 새롭게 추가된 input 요소의 속성은 다음과 같다. autocomplete autofocus form formaction formenctype formmethod formnovalidate formtarget height and width list min and max multiple pattern pl..