반응형
정의 및 특징
・<span> 태그는 HTML 문서에서
인라인 요소(inline-element)들을
하나로 묶을 때 사용한다
・<span> 요소는
그 자체만으로는 어떠한 의미도 가지지 않지만,
class나 id와 같은 전역 속성과 함께 사용하여
스타일링을 위해 요소들을 그룹화하거나
lang 속성과 같은 속성값을 공유하는 데 유용하게 사용할 수 있다
・<span> 요소는 <div> 요소와 매우 비슷하게 사용되지만,
<div> 요소는 블록 타입의 요소인데 반해
<span> 요소는 인라인 타입의 요소이다
지원하는 브라우저
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
지원함 | 지원함 | 지원함 | 1.0 | 지원함 | 지원함 |
예제
<style>
.orangeColor { background-color: orange; font-style: italic; }
</style>
<p><span class="orangeColor">span 요소</span>는 텍스트(text)의 특정 부분을 묶는 데 자주 사용되는 <span class="orangeColor">인라인(inline) 요소</span>이다</p>
<p>div 요소는 다른 HTML 요소들을 하나로 묶는 데 자주 사용되는 대표적인 블록(block) 요소이다</p>
span 요소는 텍스트(text)의 특정 부분을 묶는 데 자주 사용되는 인라인(inline) 요소이다 div 요소는 다른 HTML 요소들을 하나로 묶는 데 자주 사용되는 대표적인 블록(block) 요소이다 |
■HTML 태그 레퍼런스 | |||
HTML 태그 레퍼런스 - MAIN 돌아가기 |
반응형
'HTML' 카테고리의 다른 글
HTML <small> 태그 (0) | 2023.09.25 |
---|---|
HTML <select> 태그 (0) | 2023.09.17 |
HTML <section> 태그 (0) | 2023.09.16 |
HTML <script> 태그 (0) | 2023.09.12 |
HTML <samp> 태그 (0) | 2023.09.07 |