Safari는 혁신적인 웹 기술을 통해 웹의 가능성을 넓히려는 시도를 계속하고 있습니다. HTML5 비디오와 오디오 태그를 지원함으로써, CSS 애니메이션, CSS 웹 폰트, HTML5 오프라인을 통해 여러분은 다양한 기능의 차세대 양방향 웹 응용 프로그램을 제작할 수 있을 것입니다.
HTML5 미디어 지원
이제 웹 사이트에서도 다양한 기능의 양방향 미디어를 이미지만큼이나 쉽게 제공할 수 있게 되었습니다. Safari는 HTML5 오디오 및 비디오 요소를 지원하는 최초의 브라우저로, 플러그인에 대한 의존도를 낮추고, iPhone, Mac OS X, Windows에서 오디오 및 비디오를 쉽게 제공할 수 있게 합니다. 미디어 재생을 제어할 수 있는 HTML5 오디오 및 비디오 요소는 풍부한 기능의 API와 함께 제공되며, 다른 HTML 요소들과 똑같기 때문에 CSS를 이용하여 스타일 및 애니메이션 효과를 추가할 수 있습니다.
HTML5 오프라인 스토리지 지원
최신 Safari 브라우저는 최신 HTML5 오프라인 데이터 스토리지 기능을 지원합니다. 여러분의 응용 프로그램에서 키/값 기반 데이터 저장을 이용하거나, 견고한 SQL 데이터베이스를 이용하여 로컬 기기에 그 정보를 저장할 수 있습니다. 데이터는 로컬 방식으로 저장되어, Safari 실행시 일관되게 유지되므로, 여러분의 응용 프로그램에서는 데이터에 접근하기 위해 네트워크 연결을 필요로 하지 않으며, 따라서, 구동 시간과 전체 성능을 개선시킵니다.
HTML5 응용 프로그램 캐시 기술을 활용하면 Safari는 여러분의 응용 프로그램을 구동시키는데 필요한 HTML, CSS, JavaScript, 이미지 파일과 같은 모든 리소스를 로컬 저장할 수 있습니다. 이는 사용자들이 실제 인터넷에 연결되어 있지 않은 경우에도 여러분의 웹 응용 프로그램에 접근해서 사용하는 것이 가능하다는 뜻입니다. 여러분의 응용 프로그램을 언제든지 사용할 수 있습니다. 온라인 상태가 되면, Safari가 여러분의 서버로부터 최신 데이터, 코드, 리소스를 받아 응용 프로그램을 업데이트시킵니다.
CSS 애니메이션
Safari는 CSS 전환 및 애니메이션을 지원하는 최초의 브라우저입니다. 이 기술을 이용하여, 여러분은 높이, 넓이, 투명도, 가시성 등과 같은 속성과 z-인덱스, 자간과 같은 고급 속성을 포함한 다수의 CSS 및 SVG 속성을 만들기 위한 내용을 프로그램화 및 애니메이션화할 수 있습니다. WebKit 엔진이 이와 같은 애니메이션의 렌더링을 담당하기 때문에, CSS 애니메이션의 성능은 기존 JavaScript 애니메이션 기술과는 비교할 수 없이 뛰어납니다. 이 웹 표준을 이용하면, 고성능 첨단 인터페이스의 제작이 몇 줄의 CSS 코드를 추가하는 것 정도로 쉬워집니다.
CSS 효과
Safari의 최신 CSS 효과를 이용하여, 시선을 사로잡는 그래디언트, 정교한 마스크, 아름다운 그림자 등으로 웹 페이지 요소들을 스타일있게 꾸밀 수 있습니다. 몇 줄의 코드 만으로 여러분의 웹 사이트를 한 차원 높은 수준으로 빛내 보십시오.
CSS 웹 폰트
CSS 웹 폰트를 이용하여 표준 기반 기술로 표준 웹 기반 폰트와는 차원이 다른 폰트를 디스플레이할 수 있습니다. Safari는 CSS 웹 폰트를 사용자 지정 폰트로 바꾸어야 할 웹 페이지를 자동으로 인식하고, 필요한 폰트 파일을 적절하게 다운로드합니다. 이제 사용자 지정 폰트를 디스플레이하기 위해 이미지를 사용할 필요없이 CSS 웹 폰트를 이용하여 이미지 기반 접근 방식보다 훨씬 간편하게 아름다운 텍스트 효과를 사용할 수 있습니다. 텍스트 이미지 대신 웹 폰트를 사용하는 웹 페이지는 다운로드가 더욱 빠르고, 추가 코딩하는 수고 없이도 스크린 리더로 읽어들일 수 있습니다.
