<div>
<div class="content wysiwyg-content">
I see this code sample: 
 
&lt;head&gt; 
&lt;!-- Le fav and touch icons --&gt; 
&nbsp; &nbsp; &lt;link rel=&quot;shortcut icon&quot; href=&quot;twitter-bootstrap-v2/docs/examples/images/favicon.ico&quot;&gt; 
&nbsp; &nbsp; &lt;link rel=&quot;apple-touch-icon&quot; href=&quot;twitter-bootstrap-v2/docs/examples/images/apple-touch-icon.png&quot;&gt; 
&nbsp; &nbsp; &lt;link rel=&quot;apple-touch-icon&quot; sizes=&quot;72x72&quot; href=&quot;twitter-bootstrap-v2/docs/examples/images/apple-touch-icon-72x72.png&quot;&gt; 
&nbsp; &nbsp; &lt;link rel=&quot;apple-touch-icon&quot; sizes=&quot;114x114&quot; href=&quot;twitter-bootstrap-v2/docs/examples/images/apple-touch-icon-114x114.png&quot;&gt; 
&nbsp; &lt;/head&gt; 
 
I understand why you would use link tag for css files. what is the purpose for having these icons referenced here?
</div>
</div>

I see this code sample:

<head>

 <link rel="shortcut icon" href="twitter-bootstrap-v2/docs/examples/images/favicon.ico">
 <link rel="apple-touch-icon" href="twitter-bootstrap-v2/docs/examples/images/apple-touch-icon.png">
 <link rel="apple-touch-icon" sizes="72x72" href="twitter-bootstrap-v2/docs/examples/images/apple-touch-icon-72x72.png">
 <link rel="apple-touch-icon" sizes="114x114" href="twitter-bootstrap-v2/docs/examples/images/apple-touch-icon-114x114.png">
 </head>

I understand why you would use link tag for css files. what is the purpose for having these icons referenced here?

why link tag for icons?

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.