下面通过一个示例来演示<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种方法 餐饮品牌策划设计公司该怎么选择？