span标签是什么意思?

span标签是什么意思?,第1张

SPAN 是行内元素,SPAN 的前后是不会换行的,它没有结构的意义,纯粹是应用样式,当其他行内元素都不合适时,可以使用SPAN。

<span>SPAN标记有一个重要而实用的特性,即它什么事也不会做,它的唯一目的就是围绕你的HTML代码中的其它元素,这样你就可以为它们指定样式了。

span是一个in-line元素,翻译为内联元素。它的特点是不会独占一行。它和块(block)级元素是相对的,块级元素是独占一行的。

比如你在网页中的某个位置加入一些文字,最好用span将文字包含起来,这样你在想取到这段文字的时候,就可以先取到该span,然后再取span.innerhtml来得到文字 。

span标签语法格式

<span>内容</span>语法格式说明

span标签是内联元素,不像块级元素(如:div标签、p标签等)哪样有换行的效果;如果不对span元素应用样式,使用span标签没有任何的显示效果;span标签可以设置id或class属性,这样不仅能增加语义,还能更方便的对span元素应用样式。

全局属性可用于任何 HTML5 元素。

可参考:http://www.jb51.net/w3school/html5/html5_ref_globalattributes.htm

事件属性:

就是当用户 *** 作一个 HTML 元素(如按钮,文本框,选择框等)时,触发某种事件(如点击事件onclick、值变化事件onchange等),从而启动一段 JavaScript动作。

常用的事件有几类:

1. 窗口事件,如onload(当页面被载入时执行),onunload

2. 表单元素事件,如onchange, onsubmit,onreset,onselect,onblur,onfocus

3. 键盘事件,如onkeydown,onkeypress,onkeyup

4. 鼠标事件,如onclick, ondbclick,onmousedown, onmouseup,onmouseover,onmouseout,onmousemove

等等

希望能对你有帮助O(∩_∩)O~

SPAN标记有一个重要而实用的特性,即它什么事也不会做,它的唯一目的就是围绕你的HTML代码中的其它元素,这样你就可以为它们指定样式了。

SPAN元素被加入到HTML中以允许网页制作者给出样式但无须附加在一个HTML的结构元素上。SPAN在样式表中作为一个选择符使用,而且它也能接受STYLE、CLASS和ID属性。

SPAN是一个内联元素,所以它可以作为HTML中的元素如EM和STRONG使用。最重要的差别在于虽然EM和STRONG带有结构的意义,但SPAN就没有这样的意义。它的存在纯粹是应用样式,所以当样式表失效时它就没有任何的作用。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6308876.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-20
下一篇 2023-03-20

发表评论

登录后才能评论

评论列表(0条)

保存