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
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidiOS SafariSamsung Internet
Basic supportChrome Full support YesEdge Full support YesFirefox Full support 1IE Full support YesOpera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesEdge Mobile Full support YesFirefox Android Full support 4Opera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes

Legend

Full support  
Full support

함께 보기

  • HTML <div> 엘리먼트

문서 태그 및 공헌자

이 페이지의 공헌자: cs09g
최종 변경자: cs09g,