HTML span标签:用来组合文档中的行内元素
2018-01-09 12:22
267 查看
在DIV+CSS切图布局重构技术中,除了常常使用div标签外也常常使用span标签布局,通常也可以通过对span标签对象设置不同样式实现我们要的美化效果。这里主机吧主要讲的是span标签的定义和用法。
span标签定义和用法
<span> 标签被用来组合文档中的行内元素。
浏览器支持
所有浏览器都支持 <span> 标签。
例子:
注释:span 没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。
如果不对 span 应用样式,那么 span 元素中的文本与其他文本不会任何视觉上的差异。尽管如此,上例中的 span 元素仍然为 p 元素增加了额外的结构。
当然也可以为 span 应用 id 或 class 属性,这样既可以增加适当的语义,又便于对 span 应用样式。
可以对同一个 <span> 元素应用 class 或 id 属性,但是更常见的情况是只应用其中一种。这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的唯一的元素。
支持属性:
<span> 标签支持 HTML 中的全局属性。
<span> 标签支持 HTML 中的事件属性。
span标签定义和用法
<span> 标签被用来组合文档中的行内元素。
浏览器支持
所有浏览器都支持 <span> 标签。
例子:
<p><span>some text.</span>some other text.</p>
注释:span 没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。
如果不对 span 应用样式,那么 span 元素中的文本与其他文本不会任何视觉上的差异。尽管如此,上例中的 span 元素仍然为 p 元素增加了额外的结构。
当然也可以为 span 应用 id 或 class 属性,这样既可以增加适当的语义,又便于对 span 应用样式。
可以对同一个 <span> 元素应用 class 或 id 属性,但是更常见的情况是只应用其中一种。这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的唯一的元素。
支持属性:
<span> 标签支持 HTML 中的全局属性。
<span> 标签支持 HTML 中的事件属性。
相关文章推荐
- html从入门到放弃(7)-入门标签:块元素与内联元素<div/>和<span/>
- html不同文档类型支持的元素标签
- html 使得两个元素 左右并排垂直居中对齐的最好方法是用 span 标签把他们都包起来。
- HTML&CSS之HTML文档结构/标签/元素
- HTML文档中小meta标签的大作用
- html中DIV与SPAN标签的区别
- html文档元素
- HTML <!DOCTYPE> 标签 布局引用的几种方法 行级元素与块级元素
- HTML补充:引用脚本、特殊符号、标签、元素、多媒体
- html中的文档元素
- 【原】HTML页面元素加载顺序研究报告(5)----Script标签在Firefox下对背景图片的影响
- html中块级标签,行内标签,空元素的总结
- html span标签 不换行 字符换行问题
- HTML中为何p标签内不可包含div标签?那哪些块元素里面不能放哪些块元素呢?
- iOS中使用正则表达式去掉HTML中的标签元素获得纯文本的方法
- 学习Html标签元素area
- HTML <meter>元素用来显示已知范围的标量值或者分数值。
- html初级p标签带来的块级元素与内联元素的嵌套问题
- python模块学习---HTMLParser(解析HTML文档元素)
- 让HTML标签、DIV、SPAN拥有onfocus和onblur,聚焦和失焦