CSS 벤더 프리픽스(Vendor Prefix) : CSS

CSS 벤더 프리픽스(Vendor Prefix)

벤더 프리픽스(Vendor Prefix)

세계적으로 가장 많이 사용되는 웹 브라우저에는 익스플로러, 크롬, 파이어폭스, 사파리, 오페라 등이 있습니다. 벤더 프리픽스(vendor prefix)란 이러한 주요 웹 브라우저 공급자가 새로운 실험적인 기능을 제공할 때 이전 버전의 웹 브라우저에 그 사실을 알려주기 위해 사용하는 접두사(prefix)를 의미합니다. 즉 아직 CSS 권고안에 포함되지 못한 기능이나, CSS 권고안에는 포함되어 있지만 아직 완벽하게 제정된 상태가 아닌 기능을 사용하고자 할 때 벤더 프리픽스를 사용하게 됩니다. 그렇게 하면 해당 기능이 포함되어 있지 않은 이전 버전의 웹 브라우저에서도 그 기능을 사용할 수 있게 됩니다.

주요 웹 브라우저의 벤더 프리픽스(vendor prefix)

웹 사이트에서 이미지를 표현하는 방법

1. HTML 태그를 통해서 : img 태그 : 의미가 있는 이미지(로고, 메뉴) -->alt(대체 문자)

2. CSS 속성을 통해서 : background 속성 : 의미가 없는 이미지(배경, 색표현) --> ir효과(대체 문자를 css 속성으로 표현)

3. 이미지 스프라이트 : background와 ir 효과를 통해서 이미지를 표현(가장 많이 쓰는 방식)