Web Design / HTML

  1. Home
  2. Computing & Technology
  3. Web Design / HTML
photo of Jennifer Kyrnin

Jennifer's Web Design / HTML Blog

By Jennifer Kyrnin, About.com Guide to Web Design / HTML since 1997

Do you avoid the H1 tag?

Friday September 21, 2007
I know people who avoid this HTML construction like the plague:
<h1>Headline</h1>
Why? Because it's big, bold, and ugly. Sure, if that's all you type, you'll end up with a headline that looks more like this than a headline that fits with the style and structure of your Web site. But isn't that what CSS is for? When you started using CSS to style your fonts and adjust the text that includes things like headlines. So, don't hide from the headlines - embrace them. Search engines love them, and you should too, just make sure they aren't big, bold, and ugly.

Comments

September 22, 2007 at 8:21 am
(1) Lori Marshall says:

I LOVE H1,H2,H3 tags etc! Headline tags make the webpage have style, emphasis and definition. You can style these tags to any size, add a background color or underline and so many things. And yes indeed, search engines love em!

September 22, 2007 at 1:09 pm
(2) Nick says:

A good thing to do when creating a web site in order to help make it look the same in multiple browsers it to reset all of the default styles for the document. When you do this the h1 tag looks like regular text and then you just style it up from there setting the px size, color, borders, etc. So something like…
body{
padding:0;
margin:0;
background:0;
font-size:12px;
….
}

September 23, 2007 at 7:43 pm
(3) Gary says:

I’m interested in why search engines like them!

September 24, 2007 at 5:26 am
(4) TechGuy says:

Hi,
Nice article!

But just thought you should know your own site on this article displays NULL OBJECTS in IE.7.0.

Regards,
TG
“Thank goodness for the Web”

January 16, 2009 at 4:59 am
(5) Ali Reid says:

The reason search engines like them is because semantic markup is to be encouraged. robots need all the cues they can get about a website. Flash is rubbish for that.

Does anyone know the full list of CSS properties required to ‘reset’ the heading tags? i think the above list misses out ‘font’ as one. what about line height?

Leave a Comment

Line and paragraph breaks are automatic. Some HTML allowed: <a href="" title="">, <b>, <i>, <strike>

Discuss

Community Forum

Explore Web Design / HTML

About.com Special Features

Build Your Own Website

Step-by-step advice on how to do everything from choosing a Web host to promoting your content. More >

Connect Your Home Computers

Easy ways to connect two computers for networking purposes. More >

Web Design / HTML

  1. Home
  2. Computing & Technology
  3. Web Design / HTML

©2009 About.com, a part of The New York Times Company.

All rights reserved.