<span>
Baseline
Widely available
This feature is well established and works across many devices and browser versions. Itâs been available across browsers since â¨2015ë 7ìâ©.
HTML <span> ììë 구문 ì½í
ì¸ ë¥¼ ìí íµì© ì¸ë¼ì¸ 컨í
ì´ëë¡, 본ì§ì ì¼ë¡ë ì무ê²ë ëíë´ì§ ììµëë¤. ì¤íì¼ì ì ì©í기 ìí´ì, ëë lang ë± ì´ë¤ í¹ì±ì ê°ì ìë¡ ê³µì íë ìì를 묶ì ë ì¬ì©í ì ììµëë¤. ì ì í ì미를 ê°ì§ ë¤ë¥¸ ììê° ìì ëìë§ ì¬ì©í´ì¼ í©ëë¤. <span>ì <div>ì ë§¤ì° ì ì¬íì§ë§, <div>ë ë¸ë¡ ë 벨 ììì¸ ë°ë©´ <span>ì ì¸ë¼ì¸ ììì
ëë¤.
ìëí´ ë³´ê¸°
<p>
Add the <span class="ingredient">basil</span>,
<span class="ingredient">pine nuts</span> and
<span class="ingredient">garlic</span> to a blender and blend into a paste.
</p>
<p>
Gradually add the <span class="ingredient">olive oil</span> while running the
blender slowly.
</p>
span.ingredient {
color: #f00;
}
| ì½í ì¸ ì¹´í ê³ ë¦¬ | íë¡ì° ì½í ì¸ , 구문 ì½í ì¸ . |
|---|---|
| ê°ë¥í ì½í ì¸ | 구문 ì½í ì¸ . |
| íê·¸ ìëµ | ë¶ê°ë¥, ììê³¼ ëì í그를 ì¶ê°íë ê²ì íìì ëë¤. |
| ê°ë¥í ë¶ëª¨ ìì | 구문 ì½í ì¸ ëë íë¡ì° ì½í ì¸ ë¥¼ íì©íë 모ë ìì. |
| ê°ë¥í ARIA ìí | 모ë |
| DOM ì¸í°íì´ì¤ | HTMLSpanElement |
í¹ì±
ì´ ììë ì ì í¹ì±ë§ í¬í¨í©ëë¤.
ìì
ìì 1
HTML
<p><span>Some text</span></p>
ê²°ê³¼
ìì 2
HTML
<li><span>
<a href="portfolio.html" target="_blank">See my portfolio</a>
</span></li>
CSS
css
li span {
background: gold;
}
Result
ëª ì¸
| Specification |
|---|
| HTML # the-span-element |
ë¸ë¼ì°ì í¸íì±
ê°ì´ 보기
- HTML
<div>ìì