Question

我是前端的新人，我的基本功能真的很差。我正在阅读示例代码。代码是这样的：

<ul class="list-inline intro-social-buttons">
    <li>
        <a href="https://twitter.com/Ferreir4Thiago" target="_blank" class="btn btn-default btn-lg"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Twitter</span></a>
    </li>
    <li>
        <a href="https://github.com/ThiagoFerreir4" target="_blank" class="btn btn-default btn-lg "><i class="fa fa-github fa-fw"></i> <span class="network-name">Github</span></a>
    </li>
    <li>
        <a href="https://www.linkedin.com/in/thiagoferreir4" target="_blank" class="btn btn-default btn-lg"><i class="fa fa-linkedin fa-fw"></i> <span class="network-name">Linkedin</span></a>
    </li>
    <li>
        <a href="http://www.freecodecamp.com/thiagoferreira" target="_blank" class="btn btn-default btn-lg"><i class="fa fa-fire fa-fw"></i> <span class="network-name">freeCodeCamp</span></a>
    </li>
</ul>

在我检查是否有一个名为network-name的类之后，答案是否定的。所以我想知道这里span class="network-name"的含义是什么？

Answer 1

Span有no meaning。它是一个通用的内联元素，没有相关的语义。

我检查是否有一个名为network-name的类，答案是否定的。

答案是＆＃34;是＆＃34;。 class属性中有一个带<div class="wrap"> <ul class="goo-collapsible goo-coll-stacked"> <li class='dropdown' onClick="menuTrigger(this);"><a class=''><span class='icon-table'></span> Formulaires</a> <ul> <li class='dropdown' onClick="menuTrigger(this);"><a>Sub-Menu</a> <ul> <li> <a href="somesite.html" target="_blank">Sub-SubMenu1</a> </li> <li> <a href="somesite2.html" target="_blank">Sub-SubMenu2</a> </li> <li> <a href="blahblah.html" target="_blank">Sub-SubMenu3</a> </li> <li> <a href="blahblah2.html" target="_blank">Sub-SubMenu4</a> </li> <li> <a href="blahblah3.html" target="_blank">Sub-SubMenu5</a> </li> </ul> </li> <li ><a href='#'>Comments</a></li> <li ><a href='#'>Tags</a></li> </ul> </li> <li><a href='#'><span class='icon-folder-open'></span> Folder</a></li> <li class='dropdown' onClick="menuTrigger(this);"><a href='#'><span class='icon-user'></span> Users</a> <ul> <li ><a href='#'>Group</a></li> <li ><a href='#'>User</a></li> </ul> </li> <li><a href='#'><span class='icon-cogs'></span> Settings</a></li> </ul> </div>的HTML元素。这使元素成为该类的成员。

可能没有任何CSS可以使用它。可能没有任何JS使用它。这个课确实存在。

Answer 2

span通常用于将许多属性应用于内联内容。单独它对页面没有任何价值。如果没有JavaScript，CSS或其他代码使用此类network-name或直接定位span元素，那么如果删除这些span则不会有任何区别。

请参阅HTML span tag W3C documentation。

Answer 3

span标记用于对文档中的内联元素进行分组。

span标记本身不提供任何视觉变化。

span标记提供了一种向文本的一部分或文档的一部分添加钩子的方法。

标签也只占用显示其所含内容所需的空间

检查W3Schools Span Definition and usage

至于class =“network-name”，检查你获得代码的文件的头部，它肯定链接到一些在线样式表（很可能是Bootstrap）

span这里是什么意思？

3 个答案: