• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > HTML 中的 span 标签标准用途是什么?

HTML 中的 span 标签标准用途是什么?

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含span等相关知识,匿名希望在学习及工作中可以帮助到您
span里面放文字还是放图片还是放其它东西才符合标准呢?

回复内容:

无语义行内元素。
在段内定义与该段样式不同的内容的样式。
同时满足以下条件的内容你可以使用span标签:
1、行内元素(inline)
2、无语义
3、你需要给他添加特定样式或做js钩子的时候

如:
这是一段话,段落里有一些特殊的需要标记的内容,如红色。
这是一个箭头:.。可以通过定义该class使其显示为一个箭头。
你还可以输入140 个字。J_zishu用作js钩子 标签被用来组合文档中的行内元素。
使用 来组合行内元素,以便通过样式来格式化它们。

标准属性有:id, class, title, style, dir, lang, xml:lang
事件属性有:onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup 是无语义的内联元素 尝试着理解+汉化下:
DIV和SPAN元素,结合id,class属性,能为文档内容添加容器。DIV为内容提供了块级容器,SPAN提供了行内容器。但是:DIV和SPAN都没有为内容赋予语义。因此,可以使用这类元素结合样式表,语言属性等……来根据个人喜好来DIY下HTML语言。

http://W3.org 的这段比较抽象。后面它又整了这么一段话:大致意思是,可以使用DIV或者SPAN元素结合id或者class来实现特定的语义或者结构化效果,以补充HTML标记中不包含的标记对象:“客户”,“电话号码”,“emai[注①]”等等;

注:① email 的话,在HTML5中是可以用标记来语义化的
Suppose, for example, that we wanted to generate an HTML document based on a database of client information. Since HTML does not include elements that identify objects such as "client", "telephone number", "email address", etc., we use DIV and SPAN to achieve the desired structural and presentational effects. We might use the TABLE element as follows to structure the information:



一些元素的修饰常常就是用span
因为是内联不是块级,所以不会对破坏文档流 span 做为内联元素来使用,另外也可以做为JS交互。内联元素有:span,em,strong,small,del等等。 内联元素 没什么意义 一般我都是用来跟JS交互用的 他本身没有什么功能,但用span标签选中后可以用ccs对选中的内容进行统一的格式上的修改。 对特定内容进行格式编辑。

您可能想查找下面的文章:

相关文章

  • 2018-12-03li标签实现日期,标题右对齐的方法
  • 2018-12-03NodeJS与HTML5相结合实现拖拽多个文件上传到服务器的实现方法
  • 2017-08-06突袭HTML5之Javascript API扩展2—地理信息服务及地理位置API学习
  • 2017-08-06使用css如何制作时间ICON方法实践
  • 2017-08-06html5如何及时更新缓存文件(js、css或图片)
  • 2017-08-06整理HTML5的一些新特性与Canvas的常用属性
  • 2018-12-03HTML5 新旧语法标记对我们有什么好处_html5教程技巧
  • 2018-12-03可以用WebRTC来做视频直播吗?
  • 2018-12-03入行5年多的as3程序员,不知道未来怎么样!该转型吗? ?对未来有些迷茫!?
  • 2017-08-06html5使用canvas实现跟随光标跳动的火焰效果

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • HTML5中的强制下载属性download使用实例解析
    • Html5 中的 WebSocket通信
    • 如何在网站上添加谷歌定位信息_html5教程技巧
    • localStorage存储读取JSON怎样实现
    • 如何在网站上添加谷歌定位信息
    • 从登录框看前端
    • HTML5 Canvas API中drawImage()方法的使用实例_html5教程技巧
    • 基于html5 canvas实现漫天飞雪效果实例
    • 只要五步 就可以用HTML5/CSS3快速制作便签贴特效(图)_html5教程技巧
    • 详细解读HTML5标签使用方法

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有