MDN SVG 요소 레퍼런스
MDN SVG 요소들에 대한 상세한 정보를 담고 있습니다.
내장 콘텐츠(Embedded content) 요약 설명
- 내장 콘텐츠란 HTML 문서 안에 외부 소스로부터 가져온 다른 유형의 콘텐츠를 포함하는 요소를 말합니다. 주로 이미지, 오디오, 비디오, 그래픽 등을 웹 페이지에 삽입하는 데 사용됩니다.
- 대표적인 내장 콘텐츠 요소로는
<img>
,<audio>
,<video>
,<iframe>
등이 있습니다.- 내장 콘텐츠를 통해 웹 페이지는 다양한 종류의 멀티미디어 콘텐츠를 표현하고 더욱 풍부한 사용자 경험을 제공할 수 있습니다.
스케일러블 벡터 그래픽스(Scalable Vector Graphics, SVG)는 2차원 벡터 그래픽을 표현하기 위한 XML 기반의 파일 형식으로,
1999년 W3C(World Wide Web Consortium)의 주도하에 개발된 오픈 표준의 벡터 그래픽 파일 형식입니다.
<SVG>
는 백터(vector) 이미지를 표현하기 위한 포맷으로 W3C에서 만든 백터 이미지 표준입니다.
<SVG>
는 텍스트 기반의 오픈 웹 표준이며, 의심할 바 없이 CSS, DOM, SMIL 같은 다른 웹 표준과 함께 작동하기 위해서 디자인 되었습니다.
<SVG>
이미지들, 그것과 관련된 작동들은 XML XML 텍스트 파일로 정의되어 있습니다.
그렇기에 검색될 수 있고, 색인 가능하고, 스크립트 될 수 있고 압축 가능합니다.
<SVG>
자체는 CSS가 아닙니다만 CSS를 이용해서 다양한 효과를 줄 때 SVG를 활용하는 경우가 많기 떄문에
여기서는 <SVG>
에 대해서 간략하게 설명만 하도록 하겠습니다.
MDN SVG 요소들에 대한 상세한 정보를 담고 있습니다.
MDN SVG 속성들에 대한 상세한 정보를 담고 있습니다.
MDN 전체 SVG DOM API에 대한 상세한 정보를 담고 있습니다.
MDN SVG는 HTML, CSS, JavaScript와 함께 동작합니다. SVG를 사용해 일반적인 HTML와 웹 애플리케이션을 개선할 수 있습니다.
UXKM Editor로 자유롭게 코드를 연습하세요. 전체 화면 코드 작성 및 코드 다운로드가 가능합니다.