span是什麼意思？

-1

我是一名前衛新手，我的基礎很差。我正在閱讀示例代碼。該代碼是這樣的：span是什麼意思？

<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"是什麼意思？

來源

2016-03-07 Gaby

嘗試刪除它，看看它有什麼區別（或者如果它有所作爲） –

你是什麼意思_「在我檢查是否有一個類稱爲網絡姓名，答案是否定的「_？你如何檢查？ – j08691

@David Thomas通過檢查CSS代碼 – Gaby

範圍有no meaning。它是一個通用的內聯元素，沒有關聯的語義。

我檢查是否有一個叫做網絡名稱的類，答案是否定的。

答案是肯定的。在類屬性中有一個包含network-name的HTML元素。這使該元素成爲該類的成員。

可能沒有任何使用它的CSS。可能沒有任何JS使用它。雖然這個班確實存在。

來源

2016-03-07 14:17:44 Quentin

但是不管是在CSS代碼還是js代碼中，都沒有關於'network-name'的類定義？ – Gaby

@郭佳樂 - 所有這一切意味着沒有CSS或JS使用它。 – Quentin

這個答案雖然技術上正確，但只會讓初學者感到困惑。 –

span通常用於將許多屬性應用於內聯內容。單獨它並沒有爲頁面增加任何價值。如果沒有使用此類network-name或直接針對span元素的JavaScript，CSS或其他代碼，則直接刪除這些span將不會產生任何影響。

請參閱HTML span tag W3C documentation。

來源

2016-03-07 14:19:57 jeerbl

'class'屬性不是由CSS專用的。 JavaScript也可以通過類名來定位元素。刪除課程可能會產生意想不到的後果。 – gfullam

「請參閱HTML跨度標記W3C文檔。」 - 你已經鏈接到W3Schools。 W3Schools不是W3C，不隸屬於W3C，雖然不再可怕，但不是很好。 – Quentin

OP顯示沒有JS，所以這是最明確的答案。 –

-3

span標籤用於對文檔中的內聯元素進行分組。

span標籤本身不提供視覺變化。

span標籤提供了一種將鉤子添加到文本的一部分或文檔的一部分的方法。

標籤也只佔需要顯示它所包含的內容

檢查W3Schools Span Definition and usage

而對於類=「網名」的空間檢查您得到的代碼的文檔的頭部肯定鏈接到一些在線樣式表（最有可能的Bootstrap）

來源

2016-03-07 14:28:51

span是什麼意思？

回答

相關問題