스타일 가이드 - 셀프 클로징 컴포넌트

[Bogyie]

kr.vuejs.org/src/v2/style-guide/index.md

Lines 1024 to 1030 in 6df59ee

	### 셀프 클로징 컴포넌트 <sup data-p="b">매우 추천함</sup>
	**Components with no content should be self-closing in [single-file components](../guide/single-file-components.html), string templates, and [JSX](../guide/render-function.html#JSX) - but never in DOM templates.**
	Components that self-close communicate that they not only have no content, but are **meant** to have no content. It's the difference between a blank page in a book and one labeled "This page intentionally left blank." Your code is also cleaner without the unnecessary closing tag.
	Unfortunately, HTML doesn't allow custom elements to be self-closing - only [official "void" elements](https://www.w3.org/TR/html/syntax.html#void-elements). That's why the strategy is only possible when Vue's template compiler can reach the template before the DOM, then serve the DOM spec-compliant HTML.