From da78a9e329e272dedb2400b79a3bdeebff387d47 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:17 -0500 Subject: initial commit --- files/ko/web/html/element/span/index.html | 125 ++++++++++++++++++++++++++++++ 1 file changed, 125 insertions(+) create mode 100644 files/ko/web/html/element/span/index.html (limited to 'files/ko/web/html/element/span') diff --git a/files/ko/web/html/element/span/index.html b/files/ko/web/html/element/span/index.html new file mode 100644 index 0000000000..ffa73e9f9a --- /dev/null +++ b/files/ko/web/html/element/span/index.html @@ -0,0 +1,125 @@ +--- +title: +slug: Web/HTML/Element/span +tags: + - Element + - HTML + - HTML text-level semantics + - 'HTML:Flow content' + - Reference + - Web +translation_of: Web/HTML/Element/span +--- +
{{HTMLRef}}
+ +

HTML <span> 요소는 구문 콘텐츠를 위한 통용 인라인 컨테이너로, 본질적으로는 아무것도 나타내지 않습니다. 스타일을 적용하기 위해서, 또는 {{htmlattrxref("lang")}} 등 어떤 특성의 값을 서로 공유하는 요소를 묶을 때 사용할 수 있습니다. 적절한 의미를 가진 다른 요소가 없을 때에만 사용해야 합니다. <span>은 {{htmlelement("div")}}와 매우 유사하지만, {{htmlelement("div")}}는 블록 레벨 요소인 반면 <span>은 인라인 요소입니다.

+ +
{{EmbedInteractiveExample("pages/tabbed/span.html", "tabbed-standard")}}
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
콘텐츠 카테고리플로우 콘텐츠, 구문 콘텐츠.
가능한 콘텐츠구문 콘텐츠.
태그 생략{{no_tag_omission}}
가능한 부모 요소구문 콘텐츠 또는 플로우 콘텐츠를 허용하는 모든 요소.
가능한 ARIA 역할모두
DOM 인터페이스{{domxref("HTMLSpanElement")}}
+ +

특성

+ +

이 요소는 전역 특성만 포함합니다.

+ +

예제

+ +

예제 1

+ +

HTML

+ +
<p><span>Some text</span></p>
+ +

결과

+ +

{{EmbedLiveSample('예제_1')}}

+ +

예제 2

+ +

HTML

+ +
<li><span>
+    <a href="portfolio.html" target="_blank">See my portfolio</a>
+</span></li>
+
+ +

CSS

+ +
li span {
+  background: gold;
+ }
+
+ +

Result

+ +

{{EmbedLiveSample('예제_2')}}

+ +

명세

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
명세상태코멘트
{{SpecName('HTML WHATWG', 'semantics.html#the-span-element', '<span>')}}{{Spec2('HTML WHATWG')}}
{{SpecName('HTML5 W3C', 'textlevel-semantics.html#the-span-element', '<span>')}}{{Spec2('HTML5 W3C')}}The {{glossary("DOM")}} interface is now {{domxref("HTMLSpanElement")}}.
{{SpecName('HTML4.01', 'struct/global.html#edef-SPAN', '<span>')}}{{Spec2('HTML4.01')}}
+ +

브라우저 호환성

+ + + +

{{Compat("html.elements.span")}}

+ +

같이 보기

+ + -- cgit v1.2.3-54-g00ecf