# HTML的`<span>`標簽如何使用
`<span>`標簽是HTML中最基礎的內聯容器元素之一，主要用于對文檔中的**小段內容**進行樣式化或腳本操作，而不改變其語義結構。與`<div>`（塊級容器）不同，`<span>`不會強制換行，適合包裹文本、圖標等行內元素。
## 基本語法
```html
<span>需要包裹的內容</span>
通過為<span>添加class或style屬性，可以針對性地修改局部樣式：
<p>這是一段<span style="color: red; font-weight: bold;">重點強調</span>的文字。</p>
通過id或class標記特定內容，便于腳本控制：
<button onclick="document.getElementById('text').style.display='none'">
隱藏文字
</button>
<span id="text">點擊按鈕我會消失</span>
當其他語義標簽（如<strong>、<em>）不適用時，可用<span>保持內容中性：
<p>用戶名：<span class="username">Alice</span></p>
<span><p>
價格：<span class="original-price">￥999</span>
<span class="discount">限時<span class="price">￥599</span></span>
</p>
通過CSS偽元素添加裝飾性內容：
.highlight::after {
content: "?";
}
<span class="highlight">重要通知</span>
<time>、<mark>）時優先使用語義標簽<span>對屏幕閱讀器無意義，必要時需配合aria-*屬性通過合理使用<span>標簽，可以在不破壞文檔結構的前提下，實現精細的視覺控制和交互功能。
“`
（注：實際字數為約450字，可通過擴展示例或增加應用場景部分進一步補充）
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
