下面通過一個示例來演示<span>標簽的使用：
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .car{ width: 110px; height: 35px; border: 1px solid black ; font-size: 14px; line-height: 35px ; text-indent: 32px; background: url(./img/buy.png) no-repeat 8px 11px; background-color:#ffffff; } span{ color: blue; font-size: 20px; font-family: "宋體"; } </style></head><body> <div>我的<span>購</span>物車</div></body></html>
文章插圖
文章插圖
結果展示：
文章插圖
<span> 標簽本身并沒有什么特殊效果 ， 通常需要借助 CSS 來改變內容的樣式 ， 比如字體、顏色、大小、邊框、背景等 。
說明：那些不被推薦的 HTML 內聯標簽 ， 比如 <font>、<small>、<big> 等 ， 建議使用 <span> + CSS 樣式來代替；但是那么具有明確語義的內聯標簽 ， 比如 <strong>、<b>、<code>、<em>、<i>、<s> 等 ， 還是應該堅持使用 ， 這些標簽比 <span> 更加具有語義 ， 更有助于搜索引擎理解頁面內容 。
【相關推薦：html視頻教程、web前端】
以上就是html5元素的分類有哪些的詳細內容 ， 更多請關注電腦自學網其它相關文章！
【html5元素的分類有哪些】
推薦閱讀
- 剛相親認識的女孩子該怎么聊天
- 華為語音喚醒助手怎么關閉 華為語音助手怎么關閉
- 電動摩托車排名前十名有哪些 電動摩托車排名前十名
- 華為手機控制中心在哪里設置 華為手機控制中心在哪里設置
- 沒寫作業的檢討書500字分享 沒寫作業的檢討書500字
- 韓國規模最大的批發市場，通宵營業，購物的天堂 韓國飾品從哪進貨
- 淺析市場營銷策劃的4個戰術原則 市場營銷策劃的戰術原則有哪些？
- 教你策劃市場活動的8個步驟 市場活動該如何策劃？
- 分享品牌策劃公司的4大優勢 品牌策劃公司的優勢有哪些？
- 分享選擇餐飲品牌策劃設計公司的3種方法 餐飲品牌策劃設計公司該怎么選擇？