How to add Apple Touch Icons and Favicon in HTML5

Add Tool

Add Apple Touch Icons and Favicon in HTML5


Add Apple Touch Icons and Favicon in HTML5

Want to add Apple Touch Icons and Favicon in HTML5? The favicon is using pretty much highly these day. The interesting bit here is the apple touch icon which is used if you save a bookmark to your home screen on an apple touch device such as an iPad or iPhone. Interestingly enough, android also supports its usage. As far as I can tell, the apple-touch-icon size is 60px by 60px. As the comment says, if your icons are in the root of your domain, these links aren’t required.

Place favicon.ico and apple-touch-icon.png in the root of your domain and add this little HTML snippets just after <head> tag

<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">

These web development HTML snippets will help you to add favicon and Apple icons. Get more information about adding favicon and Apple icons to your website leaving comment.


Tags: html5 snippets free, html5 css3 snippets, html5 rich snippets, html5 snippets, html5 head snippet, snippets in html5, html5 layout snippets, html5 markup snippet, html5 page snippet, html5 code snippets
Payza

About Masum Billah

Add Apple Touch Icons and Favicon in HTML5 1stWebSuite website seo tool is a free website ranking tool site provides a lot of on page and off page seo useful tools for you. On this site, we have a large number of website ranking tools


SIGN UP TO GET UPDATE TO YOUR INBOX




Discuss about: How to add Apple Touch Icons and Favicon in HTML5


adf.ly