字體真棒和自舉按鈕

Question

在自舉，以圖標按鈕使用的<button>和<span>的組合來實現：

http://getbootstrap.com/components/#glyphicons-examples

<button type="button" class="btn btn-default" aria-label="Left Align"> 
    <span class="glyphicon glyphicon-align-left" aria-hidden="true"></span> 
</button> 

在字體真棒，按鈕正在使用的<a>組合來實現和<i>：

http://fontawesome.io/examples/

<a class="btn btn-danger" href="#"> 
    <i class="fa fa-trash-o fa-lg"></i> Delete</a> 

有沒有更好的方法？還是選擇這些標籤完全是任意的？

Answer 1

<div class="container"> 
    <h2>Glyphicon Examples</h2> 
    <p>Envelope icon: <span class="glyphicon glyphicon-envelope"></span></p>  
    <p>Envelope icon as a link: 
    <a href="#"><span class="glyphicon glyphicon-envelope"></span></a> 
    </p> 
    <p>Search icon: <span class="glyphicon glyphicon-search"></span></p> 
    <p>Search icon on a button: 
    <button type="button" class="btn btn-default"> 
     <span class="glyphicon glyphicon-search"></span> Search 
    </button> 
    </p> 
    <p>Search icon on a styled button: 
    <button type="button" class="btn btn-info"> 
     <span class="glyphicon glyphicon-search"></span> Search 
    </button> 
    </p> 
    <p>Print icon: <span class="glyphicon glyphicon-print"></span></p>  
    <p>Print icon on a styled link button: 
    <a href="#" class="btn btn-success btn-lg"> 
     <span class="glyphicon glyphicon-print"></span> Print 
    </a> 
    </p> 
</div> 

Answer 2

它完全取決於用法。

在引導中，您可以使用組合<a>和<i>來實現按鈕。同樣，在帶有圖標的字體真棒按鈕中，可以使用<button>和<span>的組合來實現。

例如：如果我們需要提交一個表單並提交按鈕包含字體真棒圖標，然後我們做這樣this--

<button type="button" class="btn btn-default" aria-label="Left Align"> 
<span class="fa fa-trash-o fa-lg" aria-hidden="true"></span> 
</button> 

又如：如果我們需要使用一個正常的鏈接和鏈接包含引導glyphicon圖標，然後我們就可以做到像this--

<a class="btn btn-danger" href="#"> 
<i class="glyphicon glyphicon-align-left"></i> Delete</a>