HTML5 Logo Tag - Dave Woods Freelance Web Designer UK

• Home
• Blog
• Services
• Portfolio
• About
• Contact

HTML5 Logo Tag

I’ve been receiving a number of visitors to this site from people searching for information about an HTML5 logo tag. In short, <logo> doesn’t currently exist but there are a couple of options to markup your logo correctly.

Use the header element

Your logo should always sit within the header element of the page and will usually be consistent throughout the site so this should be your starting point.

<header> put your logo here </header>

You can include other elements within your header such as social media links, search functionality and site navigation if you wish.

Use an h1 tag and image replacement

I’ve written about CSS image replacement in a previous article so if you’d like to use this method feel free to use the technique in this article: CSS Image Replacement.

<header> <h1>My company name</h1> </header>

or just use an image

It’s been a long running discussion within the industry as to whether people prefer to use an h1 tag or just an image tag for the site logo. Personally I prefer to just use an image but that whole argument has been covered many times before.

<header> <img src="/images/logo.png" alt="My company name" /> </header>

Conclusion

Personally, I don’t make it any more complicated than simply putting an image in the first header element of my websites, but either of the two options above are perfectly legitimate ways of including your logo within your page.

Post navigation

← 10 New Year Resolutions for a Web Designer How to use the :nth-child selector →

Categories

• CSS
• Email
• HTML
• HTML5
• Javascript
• SEO
• Web Design

Latest Articles

• What does Google consider as a paid link?
• Why opening external links in new tabs should no longer be standard behaviour
• How to use the :nth-child selector
• HTML5 Logo Tag
• 10 New Year Resolutions for a Web Designer
• Beginners Guide to Responsive Design
• CSS Text shadow
• Custom jQuery and PHP Twitter Widget
• CSS3 Buttons
• CSS Tabs

Welcome

Hi, I'm Dave Woods and am a freelance web designer based in the UK and work for a variety of small and large businesses throughout the world.

I specialise in HTML and CSS using web standards to provide usable, accessible and search engine friendly websites that are designed and delivered to the highest standard.

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish.Accept Read MoreCookie Policy