1,

SPAN 是行内元素,SPAN 的前后是不会换行的,它没有结构的意义,纯粹是应用样式,当其他行内元素都不合适时,可以使用SPAN。
<span>SPAN标记有一个重要而实用的特性,即它什么事也不会做,它的唯一目的就是围绕你的HTML代码中的其它元素,这样你就可以为它们指定样式了。


2,

span是一个in-line元素,翻译为内联元素。它的特点是不会独占一行。它和块(block)级元素是相对的,块级元素是独占一行的。
比如你在网页中的某个位置加入一些文字,最好用span将文字包含起来,这样你在想取到这段文字的时候,就可以先取到该span,然后再取span.innerhtml来得到文字 。


例:

文本:

<p>我是中国人</p>,
你想把“中国”二字单独加粗,
这时你就可以使用
<p>我是<span>中国</span>人</p>,

然后对其设置CSS就可以了。


以上内容作为个人学习记录,仅供参考。
转自:百度知道

SPAN /SPAN 这个标签有什么用 ,指的是什么?相关推荐

  1. HTML中Div、span、label标签的区别

    div与span 通俗地讲就是如果里面还有其他标签的时候就用div,如果里面只有文本就应该用span span与label 由于有了以上关于span的说法,那么我们就可以对文本进行span的容器操作了 ...

  2. div、span、label标签的区别

    1.div <div> 可定义文档中的分区或节(division/section). <div> 标签可以把文档分割为独立的.不同的部分.它可以用作严格的组织工具,并且不使用任 ...

  3. html+p标签和span,文章段落用span和p标签对seo有影响吗

    文章段落用span和p标签对seo有影响吗 内容导读:通过本文的解释,大家应该能够对于span标签和p标签有所了解!至于文章段落用span和p标签对seo的影响,也是显而易见的.想要对seo更友好,文 ...

  4. HTML 字体标签 图片标签 列表标签 链接标签 div span 语义化标签 表格标签

    文章目录 HTML 字体标签 图片标签 列表标签 链接标签 div span 语义化标签 表格标签 HTML 概念:是最基础的网页开发语言 Hyper text markup language 超文本 ...

  5. 圆点html span,span标签教程 html span元素标签

    一.html span标签语法 形式 span标签元素语法结构赏析图 html span本性: span标签本人没有什么额定默许CSS格式,默许也不是一个块元素标签不像html div标签独有一行.s ...

  6. 图片标签|| 列表标签||链接标签||div和span|| 语义化标签

    图片标签 img:展示图片             * 属性:                 * src:指定图片的位置 相对路径                     * 以.开头的路径    ...

  7. Div span 标签详解

    <div>(divsion)简单而言是一个取款容器标记,也就是说<div></div>之间是一个容器,可以容纳段落,标题,表格,图片,章节,摘要和备注等各种HTML ...

  8. html5无意义标签,无意义的div和span标签

    HTML 元素是块级元素,它是可用于组合其他 HTML 元素的容器. 元素没有特定的含义.除此之外,由于它属于块级元素,浏览器会在其前后显示折行. 如果与 CSS 一同使用, 元素可用于对大的内容块设 ...

  9. js正则表达式匹配span标签

    1.js正则表达式匹配span标签 const spans = htmlStr.match(/<span (.*?)>(.*?)<\/span>/g) 2.js正则表达式–获取 ...

最新文章

  1. 【数据结构】某些难理解点
  2. 网络应用 axIos +vue的应用
  3. 服 务 器 时 间 设 置
  4. 如何在python中显示电脑中的图片-如何在python界面显示图片
  5. 免费开源的boostrap模板
  6. tensorflow编程入门笔记之一
  7. 异步asynctask
  8. [python] linspace():获取等间隔数组
  9. sql安装过程中,为 SQL Server 代理服务提供的凭据无效。若要继续操作,请为 SQL
  10. 收益管理系统(PROS)缘何在中国水土不服?
  11. 【2021-07最新可用】解决谷歌地球、Google地球、Google Earth Pro无法正常启动:启动一直转圈圈、无法链接到登录服务器 、显示黑屏地图无法加载 、软件无法启动双击图标没反应等
  12. dorado7.x关闭子页面,刷新父页面
  13. 电脑不停,电脑不停重启
  14. android 照片 文件夹在哪里,Android手机照片文件夹在哪里?删除的手机照片怎么恢复...
  15. 我的世界java版如何装mod_《我的世界》怎么装mod 安装方法教程
  16. 在google提交sitemap地图后的蜘蛛爬取效果
  17. 时空-问题集锦(转载)
  18. Linux运维基本功(贰)---Linux系统的目录结构
  19. Symfony 入门教程
  20. python天天向上续。尽管每天坚持,但人的能力发展并不是无限的,它符合特定模型。实例1的修改。改造实例代码1.1。回文数。

热门文章

  1. IIS无法下载文件的原因及解决方法
  2. 怎么注册成为滴滴快车的司机?
  3. 2n皇后问题 简单递归
  4. 一个很猛的mm被甩之后(zz)
  5. 安装ubuntu20.04, CUDA11.4, cnDNN, tensorflow, pytorch
  6. python卷积神经网络多元分类_CV4-卷积神经网络之多元分类(剪刀石头布)
  7. netcore 使用NHibernate
  8. 浏览器检测麦克风音量
  9. 2017大同市职称计算机,2017年职称计算机考试计划
  10. 图解HTTP之Web的攻击技术(十一)