HTML <span> 标签简介

来源:互联网 发布:步摇 知乎 编辑:程序博客网 时间:2024/05/25 01:36

1、简介

        <span> 标签被用来组合文档中的行内元素。

        span 没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。

        可以为 span 应用 id 或 class 属性,这样既可以增加适当的语义,又便于对 span 应用样式。
        对同一个 <span> 元素应用 class 或 id 属性,但是更常见的情况是只应用其中一种。这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的唯一的元素。


2、标准属性

id, class, title, style, dir, lang, xml:lang

3、事件属性

onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

4、例子

<html>
  <head> 
    <title>设置鼠标样式</title> 
  </head> 
  <body> 
    <div style="font-family:宋体;font-size:10pt;">
    <span style="cursor:hand">手形状</span><br> 
    <span style="cursor:move">移动</span><br>
    <span style="cursor:ne-resize">反方向</span><br>
    <span style="cursor:wait">等待</span><br>
    <span style="cursor:help">求助</span><br>
    <span style="cursor:text">文本</span><br>
    <span style="cursor:crosshair">十字</span><br>
    <span style="cursor:s-resize">箭头朝下</span>
    </div> 
  </body>
</html>


参考文献:W3school


原创粉丝点击