세연아빠의 개발과 일상의 모습

html5 video audio taghtml5 video audio tag html5 의 새로운 기술중 눈의 띄는 중요한 것중 하나가 video 와 audio 요소이다. 멀티미디어적 요소로 html5 에서는 멀티미디어 요소의 tag 가 강화되었다. 단어에서 알 수 있듯 비디오와 오디오를 구동시 킬수 있는 태그로 html5 이전에는 adobe flash 나 microsoft silverlight 등 외부 플러그인을 통해서 구동할 수 있었던 기능들이다 1 video 사용하기 사용법은 간단하다. 태그를 사용하고 html 태그안에 넣기만 하면 된다. 예제를 보자 1 cs 위 코드만으로 브라우저에서 동영상을 재생할 수 있습니다. 이렇게 재생할 수 있을뿐 아니라 javascript 통해 여러가지 조작도 가능합니다..

html5 canvas api 사용html5 canvas api 사용 html5의 canvas 요소는 그래픽을 자유롭게 그릴 수 있는 영역을 말한다, 캔버스는 고정된 넓이와 높이를 갖고 있어 그 영역 내라면 원이나 사각형등의 도형이나 선, 이미지 등의2D 또는 3D 그래픽을 자유롭게 그릴 수 있습니다. 1 CASVAS 사용방법 canvas( 캔버스)를 사용하는데 다른 특별한 준비를 필요가 없습니다. 다만 canvas 태그를 html 안에 기술하여 주면 됩니다. 캔버스의 길이와 높이는 고정되어 있으므로 width 와 height 를 지정하고 추후 javascript 로 값을 변경할 수도 있습니다. canvas 태그 예제 1 cs 위 코드를 이용하면 넓이 800 높이 500 픽셀의 투명한 캔버스를 지정할 수..

html5 태그 중 생략가능한 종료태그html5 태그 중 생략가능한 종료태그 기존의 태그중 html5 에서 종료태그를 기술해서는 안 되는 요소가 있다. 아래 요소들은 종료태그를 기술해서는 안 됩니다. area, base, br, col, command, embed, hr, img, input, keygen, link, meta, param, source 1 예제 예를들어 아래처럼 사용되면 안 됩니다. 1234 cs 다만, 이러한 태그들 XML 처럼 /> 사용하여 태그 끝을 표시할 수 있습니다. 1 cs 2 상황에 따라 생략 가능한 요소 html5 에서는 어떠한 태그는 특별한 상황에서 생략될 수 있는가에 대하여 알아보겠습니다. 요소 시작태그 종료태그 html ○ ○ head ○ ○ body ○ ○ li ○..