Apple은 WWDC 2009에서 Safari 4 브라우저의 공식 버전을 출시했습니다. Safari 4의 공식 버전은 Chrome과 유사한 탭 방식을 포기하고 버전 3.0의 인터페이스로 돌아왔습니다. WWDC에서 Serlet은 Safari의 JavaScript 엔진이 현재 세계에서 가장 빠르다고 말하면서 Microsoft의 IE8 브라우저를 심각하게 비난했다고 합니다. 그가 제공한 테스트 데이터에 따르면 Chrome 2는 IE8보다 5.3배 빠르며 Safari4의 속도는 IE8의 7.8배 !
이러한 데이터의 대부분은 공식적인 특수 효과이므로 지금은 무시하고 Safari 4가 프런트 엔드 개발에 어떤 영향을 미칠지 살펴보겠습니다.
HTML5오디오 및 비디오 태그를 지원합니다.
CSSSafari4에서는 다음과 같이 CSS 지원이 많이 향상되었습니다.
줌Safari 4에서는 확대/축소 속성을 지원하기 시작합니다. 사용법 및 효과는 IE 브라우저와 동일합니다. 차이점은 확대된 경우 Safari는 브라우저에서 지원하는 가장 작은 글꼴로 축소되는 반면 IE는 설정된 크기로 직접 축소된다는 것입니다. 예를 들어:
.zoomTest { 글꼴 크기 : 12px ; 확대/축소 : 0.1 }
Safari는 글꼴 크기가 9px로 줄어들고 IE는 1.2px로 줄어듭니다(더 이상 육안으로 볼 수 없음).
-웹킷 애니메이션이는 일련의 하위 속성으로 구성됩니다.
CSS 마스크/마스크 효과
Safari 4는 또한 일부 다른 CSS 속성에 대한 지원을 추가하거나 강화합니다. 예를 들어 background-position은 여기서 설명하지 않는 애니메이션 효과를 지원하기 시작합니다.
Safari에 추가된 이러한 새로운 CSS 속성은 W3C 표준의 일부가 아니지만 웹킷의 이러한 개인 속성을 통해 실제로 더 나은 네트워크 응용 프로그램을 개발할 수 있다는 것을 알 수 있습니다.
WAI-ARIA 역할
아마도 WAI-ARIA에 대해 아는 사람은 많지 않을 것입니다. WAI-ARIA는 W3C Web Accessibility Initiative Accessible Rich Internet Application의 약자로, 중국어로 "접근 가능한 리치 인터넷 애플리케이션"으로 번역됩니다. 동시에 W3C는 WAI-ARIA 역할 표준을 개발했습니다. 구글은 최근 WAI-ARIA를 강력하게 지원하겠다고 밝혔는데, 구글 리더의 화면 읽기 기능은 WAI-ARIA를 통해 구현된다. 현재 Firefox는 WAI-ARIA를 지원하기 시작했으며 IE8은 부분적으로 지원합니다. Safari 4는 WAI-ARIA 역할도 지원합니다. WAI-ARIA에 대한 Safari 4 지원 확인 >>
WAI-ARIA는 div 및span 태그만 지원하는 것으로 보인다는 점은 주목할 가치가 있습니다. WAI-ARIA와 협력하기 위해 Safari는 aria-checked/aria-level/aria-valuemax/aria와 같은 일부 HTML 지원 속성도 추가합니다. -valuemin 등
PS: 이 다운로드 버튼은 공식 Safari 다운로드 페이지에서 가져온 것입니다. 조심성 있는 아이들은 이 버튼의 스타일이 분명히 Apple 스타일이 아니라 Firefox 다운로드 페이지의 녹색 버튼과 비슷하다는 것을 알게 될 것입니다.