title: What is best method to link PDF(with icon)?
body: <p>What is preferred method to link PDF(with icon) on a page in terms of semantic, accessibility, usability and SEO?</p>
  
  <p>for example</p>
  
  <ul>
  <li>this is a name of PDF "01ccc5.pdf"
  but inside PDF this is the title of
  PDF "How to search in long PDF"
  Should i use PDF subject as a file
  name like "How-to-search-in-long-PDF?</li>
  <li>and I want to show link of PDF as a
  PDF icon on the page, What is the
  best way in terms of accessibility
  and usability.</li>
  <li>Should i insert pdf icon as a 
  inside  or i should use as a css
  background?</li>
  </ul>
  
  <hr>
  
  <p>Which method is better? this</p>
  
  <pre><code>a{text-indent:-99999px}
  
  &lt;a href="How-to-search-in-long-pdf.pdf" title="PDF, 25KB, Opens in a new window"&gt;
  How to search in long PDF 
  &lt;img src=pdf-icon.jpg" alt="How to search in long PDF" /&gt;
  &lt;/a&gt; 
  </code></pre>
  
  <hr>
  
  <p>or this</p>
  
  <pre><code>  a{text-indent:-99999px;background:url(pdf-icon.jpg);width:32px:height:32px}
  </code></pre>
  
  <p>or this method <a href="http://www.askthecssguy.com/2006/12/showing_hyperlink_cues_with_cs_1.html" rel="nofollow noreferrer">http://www.askthecssguy.com/2006/12/showing_hyperlink_cues_with_cs_1.html</a></p>
  
  <pre><code>&lt;a href="How-to-search-in-long-pdf.pdf" title="PDF, 25KB, Opens in a new window"&gt;
  How to search in long PDF &lt;/a&gt; 
  </code></pre>
  
  <p>I have to link multiple PDF</p>
  
  <hr>
  
  <p>Note:</p>
  
  <p>Title of PDF is also will be available before PDF but without any link</p>
  
  <p>like this:</p>
  
  <pre><code>Title                                      PDF
  
  How to search in long PDF                  PDF icon (with link of PDF)
  
  How to search in long PDF                  PDF icon (with link of PDF)
  
  How to search in long PDF                  PDF icon (with link of PDF)
  </code></pre>