반응형 프로그래밍/HTML57 [꿀강] HTML5 Canvas와 SVG가 모야? HTML5에 새롭게 추가된 Canvas 태그와 SVG에 대해서 알아 보자. Canvas가 추가된 이유는 HTML 기능만으로 플래시와 같은 기술을 대체하고자 하는데 목적이 있다고 볼 수 있다. 1. Canvas Canvas는 코드를 이용해서 브라우저에 이미지를 그리거나 애니메이션을 가능케 할 수 있다. 하지만 Canvas 태그 자체에는 아무런 기능이 없다. 다만 그림이 그려지는 영역을 표시해 주는 역할만 하고 나머지 부분은 자바스크립트를 이용해서 그림을 그리게 된다. Canvas는 픽셀 이미지이기 때문에 확대할 경우 깨끗한 이미지를 기대하긴 어렵다. 2. SVG SVG는 Scalable Vector Graphics의 약자로 크기 조절이 가능한 벡터 이미지이다. SVG는 .svg라는 확장자를 지닌 파일로 존.. 2018. 8. 30. [꿀강] HTML5 Video 태그와 Audio 태그 HTML5는 이전 버전의 HTML과 달리 멀티미디어적인 요소들이 대거 추가되었다. 오늘은 Video 태그에 대해 알아 보도록 하자. 1. Video 태그 HTML5에서는 ActiveX 또는 플러그인 없이 브라우저 자체에서 동영상을 재생할 수 있다. 현재 업계의 표준 코덱은 H.264이다. 우리가 흔히 알고 있는 확장자가 mp4가 바로 이것이다. 하지만 H.264는 라이센스 문제로 파이어 폭스나 오페라에서는 재생이 되지 않는다. 그래서 오늘은 IE11 버전에서 테스트를 진행해 볼 것이다. 우선 HTML5에서는 이전 HTML과 달리 DOCTYPE 을 간결하게 선언하고 있다. 아래와 같이 선언해주면 끝이다. 그럼 아래와 같이 입력해보자. 소스를 입력하고 실행하면 아래와 같이 재생화면을 볼 수 있을 것이다. 하.. 2018. 8. 29. [꿀강] HTML5에서 사라진 태그와 추가된 태그 HTML5에서 사라진 태그들이 있다. 대표적으로 HTML3 버전에서 상당히 많이 사용했던 frame 태그는 HTML5에서는 사라지게 됐다. 그럼 어떤 태그들이 사라졌는지 자세히 알아보자. 1. HTML5에서 사라진 태그 태 그 속 성 영문 축양형 사용 시, 예를 들어 NATO, NASA, GUI 등 임베디드 애플릿 사용시 글꼴의 형태 정의 글꼴의 크기 지정 텍스트 위치 중앙 정렬 디렉토리 리스트 글꼴 프레임 프레임 부속 태그 프레임 부속 태그 글꼴 효과(글 취소 효과) 글꼴 효과(타자기 효과) 글꼴 효과 언더라인 pre 태그와 동일 효과 HTML5에서는 표현을 위해 필요했던 태그들이 대부분 사라졌다. 예를 들어 basefont, big, center, font, tt, u 등 글꼴 표현에 많이 사용했던 .. 2018. 8. 28. 이전 1 2 다음 반응형
