html571 1. HTML5의 구조 및 기본 지식 익히기 1. HTML5의 구조 및 기본 지식 익히기 HTML5를 학습하는데 있어 기본적인 내용을 설명하기에 앞서 먼저 HTML5의 특징을 간략하게 요약하면 다음과 같습니다. 첫째, 멀티미디어 기능 지원이 강화되었습니다. HTML5 이전에는 이미지, 오디오, 비디오 등과 같은 멀티미디어 기능과 벡터 이미지를 웹 페이지에 나타내기 위해서 어도비(Adobe)사의 플래시(Flash)나 마이크로소프트(Microsoft)사의 Silverlight가 필요했었지만 HTML5에서는 canvas, audio, video, svg 요소 등을 이용하여 해당 기능들을 구현할 수 있습니다. 둘째, Web Storage 기능이 새롭게 등장하였습니다. 상대적으로 크기가 작은 파일에 사용자의 아이디, 쇼핑 정보 등을 저장할 수 있는 Web .. 2013. 7. 31. HTML5 등장 배경 및 표준화 현황 HTML5은 현재 W3C를 통해 최종 권고안(Recommendation)이 채택되지 않았고 W3C에서 최종 권고안(Recommendation)까지 5 단계 절차 중 현재 Working Draft 상태임에도 불구하고 전세계 IT, 특히 소프트웨어 분야는 HTML5가 하나의 큰 주류를 형성하고 있습니다. HTML5는 기존의 기술인 HTML이나 XML 기반의 HTML인 XHTML을 벗어나 전혀 새로운 기술이 아니며 기존 기술을 바탕으로 보다 체계화되고 새로운 기능이 추가되고 있는 기술입니다. HTML5의 실제적인 내용을 학습하기에 앞서 HTML5의 모태가 된 HTML이 어떻게 시작되었는지를 알아보는 것도 의미가 있을 것 같습니다. 1989년 Tim Berners-Lee는 다양한 문서들을 연결하기 위해서 제한된.. 2013. 7. 31. HTML5의 video 요소를 이용한 동영상 플레이하기 오늘은 학생들에게 HTML과 HTML5에 대해서 기본적인 개념을 소개하고 간단한 예제들 몇 개와 함께 HTML5에서 새롭게 등장한 video 요소를 이용하여 다른 플러그인 없이 동영상 파일을 재생하는 방법을 성공회대학교 강의여행 시간에 알려주었습니다. 기본적으로 video 요소에는 다양한 속성(Attribute)들이 정의되어 있는데 다음과 같이 width, height 속성을 이용하여 동영상의 크기를 설정하고 IE9를 통해 동영상을 재생할 경우에는 파일 확장자를 mp4 형태로 변환하고 Firefox, Chrome을 이용할 경우는 ogv, ogg 형태로 변환해서 다음과 같이 video 요소의 src 속성에 설정해주면 됩니다. 시애틀에서 새들과 함께 위와 같이 작성한 후 "test.html"과 같이 적당한 .. 2012. 4. 19. 이전 1 ··· 15 16 17 18 다음
