What is a Favicon and Why is It Important

0 votes
What is the importance of favicon in every website and how to implement favicon in my website?
Jan 30, 2020 in Web Development by kartik
• 37,520 points
1,103 views

1 answer to this question.

+1 vote

A favicon is your website logo that appears next to the meta title on your browser tab. 

In other words, instead of showing a blank document icon on the browser, your website will display your official website icon.

Most websites usually use their logo as a favicon. If your website doesn’t have a logo, you can simply create one with the free logo maker. This way, your visitors will easily notice your website when they’re opening a lot of tabs in a single browser window. Plus, your site will look much more professional.

Example:

Now, If you Want to include favicon in you site follow the generic html code:

<!DOCTYPE html
      PUBLIC "-//W3C//DTD HTML 4.01//EN"
      "https://www.edureka.org/TR/html5/strict.dtd">
<html lang="en-US">
<head profile="https://www.edureka.co">
<link rel="icon"
      type="image/png"
      href="https://example.com/myicon.png">
[…]
</head>
[…]
</html>

Hope this works. You can also check this link for more information https://www.edureka.co/blog/videos/web-development-with-html5-css3-javascript/

answered Jan 30, 2020 by Niroj
• 82,880 points

Related Questions In Web Development

0 votes
1 answer

What is the difference between span and div?

The div should be used to wrap sections of ...READ MORE

answered Jan 16, 2020 in Web Development by Niraj

edited Jan 21, 2020 by Niroj 3,579 views
0 votes
1 answer

What does cors means in Angularjs and what the use of it?

CORS is Cross Origin Resource Sharing which means you ...READ MORE

answered Jan 29, 2020 in Web Development by kartik
• 37,520 points
4,259 views
0 votes
1 answer

What is "XX" in CXX in a cmake CMakeLists.txt file ?

Due to the macro identifiers limitations which ...READ MORE

answered Feb 8, 2022 in Web Development by Rahul
• 9,680 points
1,247 views
+1 vote
1 answer

What is the relationship between angularjs Scope with controller/view?

Let us consider the below block: <div ng-controller="emp"> ...READ MORE

answered Jan 20, 2020 in Web Development by Niroj
• 82,880 points

edited Jan 21, 2020 by Niroj 1,099 views
+1 vote
1 answer

What is css box module?

Hey, All the element present in html follows ...READ MORE

answered Jan 20, 2020 in Web Development by Niroj
• 82,880 points

edited Jan 21, 2020 by Niroj 1,178 views
0 votes
3 answers

Explain the difference between visibility:hidden; and display:none?

display:none means that the tag in question will ...READ MORE

answered Dec 14, 2020 in Web Development by Gitika
• 65,890 points
119,600 views
+1 vote
1 answer

How to access the Angularjs scope of a particular html element from our console?

Hello, You should follow the below steps:-- 1.Compile and ...READ MORE

answered Jan 21, 2020 in Web Development by Niroj
• 82,880 points

edited Jan 21, 2020 by Niroj 2,906 views
0 votes
1 answer
+1 vote
9 answers

What is the difference between web design and web development?

A designer designs the web pages and ...READ MORE

answered Jan 22, 2020 in Web Development by Niroj
• 82,880 points
2,095 views
webinar REGISTER FOR FREE WEBINAR X
REGISTER NOW
webinar_success Thank you for registering Join Edureka Meetup community for 100+ Free Webinars each month JOIN MEETUP GROUP