본문 바로가기

HTML

HTML <span> 태그

반응형

정의 및 특징

・<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