htmlspan在网页设计中</span>表示的意思？

html <span>+</span>

<!DOCTYPE?html> <html?lang="en"> <head> <meta?charset="UTF-8"> <meta?name="viewport"?content="width=device-width,?initial-scale=1.0"> <meta?http-equiv="X-UA-Compatible"?content="ie=edge"> <title>Document</title> <style> .btn?{?display:?block;?width:?20px;?height:?20px;?line-height:?20px;?background-color:?red;?color:?#fff;?text-align:?center;?outline-width:?0;?} .btn::before?{ content:?"-"; } .btn:focus::before?{ content:?"+" } </style> </head> <body> <span?tabindex="0"?class="btn">&nbsp;</span> </body> </html>只能做到这样

html里span有什么作用？我看到很多网页代码中用span，用li也不是一样吗？

li是跟ul结合使用的 ul li用于列表内容 span是个无高无宽的容器，当然要定义为区块了就另当别论了 多个span只要所在行够宽是不会换行的，相反多个li是多行排列的 具体情况用合适的标签，能更好更快的实现自己要的效果，但这些不是死的，要灵活、会变通 很多标签他们默认虽然效果不同，但根据自己的样式定义，很多都可以实现相同的效果，但你不能说只要一个标签就足够了

在网页设计中</span>表示的意思？

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

例子 <p><span>some text.</span>some other text.</p> 例子解释 如果不对 span 应用样式，那么 span 元素中的文本与其他文本不会任何视觉上的差异。

尽管如此，上例中的 span 元素仍然为 p 元素增加了额外的结构。

可以为 span 应用 id 或 class 属性，这样既可以增加适当的语义，又便于对 span 应用样式。

可以对同一个 <span> 元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。

这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。