我是前端的新人,我的基本功能真的很差。我正在阅读示例代码。代码是这样的:
<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"
的含义是什么?
答案 0 :(得分:4)
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使用它。这个课确实存在。
答案 1 :(得分:0)
span
通常用于将许多属性应用于内联内容。单独它对页面没有任何价值。如果没有JavaScript,CSS或其他代码使用此类network-name
或直接定位span
元素,那么如果删除这些span
则不会有任何区别。
答案 2 :(得分:-3)
span标记用于对文档中的内联元素进行分组。
span标记本身不提供任何视觉变化。
span标记提供了一种向文本的一部分或文档的一部分添加钩子的方法。
标签也只占用显示其所含内容所需的空间
检查W3Schools Span Definition and usage
至于class =“network-name”,检查你获得代码的文件的头部,它肯定链接到一些在线样式表(很可能是Bootstrap)