为了账号安全,请及时绑定邮箱和手机立即绑定

<span></span>是做什么的? 有什么用途? 大多应用在哪方面?

<span></span>是做什么的? 有什么用途? 大多应用在哪方面?


正在回答

9 回答

这一小节讲解<span>标签,我们对<em>、<strong>、<span>这三个标签进行一下总结:

1. <em>和<strong>标签是为了强调一段话中的关键字时使用,它们的语义是强调。

2. <span>标签是没有语义的,它的作用就是为了设置单独的样式用的。

如果现在我们想把上一小节的第一段话“美国梦”三个字设置成blue(蓝色),但注意不是为了强调“美国梦”,而只是想为它设置和其它文字不同的样式(并不想让屏幕阅读器对“美国梦”这三个字加重音读出),所以这样情况下就可以用到<span>标签了。

如下面例子:

<p>1922年的春天,一个想要成名名叫<em>尼克•卡拉威</em>(托比•马奎尔Tobey Maguire 饰)的作家,离开了美国中西部,来到了纽约。那是一个道德感渐失,爵士乐流行,走私为王,<strong>股票</strong>飞涨的时代。为了追寻他的<span>美国梦</span>,他搬入纽约附近一海湾居住。</p>

语法:

<span>文本</span>


1 回复 有任何疑惑可以回复我~
#1

慕粉4308880 提问者

非常感谢!
2016-10-29 回复 有任何疑惑可以回复我~

为内容文字设置单独样式,没有语义的

0 回复 有任何疑惑可以回复我~

<span>标签和<div>标签非常类似,是“无意义”的标签。是HTML中组合用的标签,可以插入CSS这类风格的容器,但是<div>是一个块级元素<span>行内元素。从功能角度来说,<div>标签是用来布局的,而<span>标签用来做文字的效果。

0 回复 有任何疑惑可以回复我~

方便CSS设置样式

0 回复 有任何疑惑可以回复我~

源码:

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>了不起的盖茨比</title>

<style>

span{

  color:blue;  

}

</style>

</head>

<body>

    <p>1922年的春天,一个想要成名名叫尼克•卡拉威(托比•马奎尔Tobey Maguire 饰)的作家,离开了美国中西部,来到了纽约。那是一个道德感渐失,爵士乐流行,走私为王,股票飞涨的时代。为了追寻他的<span>美国梦</span>,他搬入纽约附近一海湾居住。</p>

    <p>菲茨杰拉德,二十世纪美国文学巨擘之一,兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌,其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p>

</body>

</html>


0 回复 有任何疑惑可以回复我~

属于行内元素,可以分开几个区域,实现某些特定的效果,与其进行区分

0 回复 有任何疑惑可以回复我~

设置单独的样式

0 回复 有任何疑惑可以回复我~

有一个重要而实用的特性,即它什么事也不会做,它的唯一目的就是围绕你的HTML代码中的其它元素,这样你就可以为它们指定样式了。<span>在行内定义一个区域,也就是一行内可以被<span>划分成好几个区域,从而实现某种特定效果。<span>本身没有任何属性。大多应用在你需要为一些元素设置样式的时候了。

1 回复 有任何疑惑可以回复我~

设置单独的样式

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1226801    人
  • 解答问题       18245    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

<span></span>是做什么的? 有什么用途? 大多应用在哪方面?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信