<span>

HTML <span> 엘리먼트는 컨텐츠를 파싱하기 위한 제네릭 인라인 컨테이너로써 본질적으로 아무것도 나타내지 않습니다. 스타일링을 목적으로(class 또는 id 어트리뷰트를 사용해)하거나 lang 과 같은 어트리뷰트를 공유하기 위해 엘리먼트를 그룹핑하여 사용될 수 있습니다. 의미적으로 적절한 다른 엘리먼트가 없을 때 사용되어야 합니다. <span> 은 <div> 엘리먼트와 아주 유사하지만 <div> 는 블록-단위 엘리먼트인 반면 <span> 은 인라인 엘리먼트입니다.

컨텐츠 카테고리	플로우 컨텐츠, 구문 컨텐츠.
제한된 컨텐츠	구문 컨텐츠
태그 생략	None, both the starting and ending tag are mandatory.
제한된 부모	구문 컨텐츠 또는 플로우 컨텐츠를 허용하는 모든 엘리먼트.
제한된 ARIA 규칙	모두
DOM 인터페이스	`HTMLSpanElement` (HTML 5 이전에 인터페이스는 `HTMLElement` 이었습니다)

어트리뷰트

이 엘리먼트는 전역 어트리뷰트만을 포함합니다.

예제 1

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

결과

Some text

예제 2

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

CSS:

li span {
background: gold;
}

명세

명세	상태	코멘트
HTML Living Standard The definition of '<span>' in that specification.	Living Standard
HTML5 The definition of '<span>' in that specification.	Recommendation	DOM 인터페이스는 이제 `HTMLSpanElement` 임.
HTML 4.01 Specification The definition of '<span>' in that specification.	Recommendation

브라우저 호환성

Update compatibility data on GitHub

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`span`	Chrome Full support Yes	Edge Full support Yes	Firefox Full support 1	IE Full support Yes	Opera Full support Yes	Safari Full support Yes	WebView Android Full support Yes	Chrome Android Full support Yes	Firefox Android Full support 4	Opera Android Full support Yes	Safari iOS Full support Yes	Samsung Internet Android Full support Yes

Legend

Full support: Full support

함께 보기

HTML <div> 엘리먼트

Last modified:

Mar 18, 2019, by MDN contributors