Post

SVG 코드에서 xmlns는 무엇일까?

Posted
By Dain Kang
1 min read

SVG

svg 파일을 에디터로 열어 보면 아래와 같이 version, xmlns, xmlns:xlink 속성이 붙어있다.

1
2
3
4
5
6
7

<svg
  version="1.1"
  xmlns=http://www.w3.org/2000/svg
  xmlns:xlink="http://www.w3.org/1999/xlink"
  width="520" height="520"
  viewBox="0 0 520 520">
</svg>

xmlns

html 태그의 xmlns 속성은 해당 문서를 위한 XML 네임스페이스를 명시한다.

xmlns 속성은 해당 문서가 XHTML 문서일 경우 반드시 명시되어야 하며, HTML 4.01에서는 유효하지 않으며, HTML5에서는 선택 사항이다.

인라인 SVG

인라인 SVG 코드의 경우, 웹 브라우저에서 렌더링 하는데 version, xmlns, xmlns:xlink 속성은 필요하지 않다.

그러므로 svg 코드를 사용할 때 아래와 같이 생략해도 문제가 없다.

1

<svg width="520" height="520" viewBox="0 0 520 520"></svg>

참고사이트

HTML 문서에 SVG 포함하기
<html> 태그의 xmlns 속성

기타
svg
This post is licensed under CC BY 4.0 by the author.