Is there only supposed to be one “supreme almighty <H1>”, or can you have a few?
My personal website is like an online newspaper. As such it has several content sections on the Home Page. One section (i.e. “Headlines”) is in the Left Column, two more content sections (i.e. “Featured Article” and “Small Business”) are in the main Center Column, and a fourth content section (i.e. “Upcoming Events”) is in the RightColumn.
Some people say that logically you can only have one <h1> on a page.
Some people say that the site name and branding should be in an <h1>, others say it should not.
If you take the view that the site name and branding should not be in an <h1>, it is perfectly possible to have a page that has no single top-level heading, but several equally important headings … in which case, it would make sense to have them all as <h1>.
First question is what the heck you need <span class=“redBold”> there for, given that (a) it’s a daft name to give a class, and (b) it is the sole content of a paragraph with an ID … why not just slap the style onto #welcome?
My personal opinion is I believe the h1 is sacred and there should only ever be one. I use the h1 to define the main content, focal point in a way. Everything else, sidebars, mastheads, footers, etc that wrap the main content use other heading levels based on the contents structure. Normally though headings inside sidebars are always marked up in a way that makes them less dominant than headings for the pages main content. h1 should be used to tell the user and machine the most important thing on the page. So the more h1s you use the less meaningful the h1 becomes, to human and machine. Taking that into consideration I do not mark-up branding with a h1. I mean… think about is practically. Pretend the h1 is the only thing you see on a page. So if you mark-up a logo as the h1 that gives no information about the pages content, what really matters. In regards to the standard news site home page the most logical h1 would probably be the featured story title I would think. Also, considering heading level in terms of human readers is tightly coupled to some type of visual property, generally size – emphasis that can be used as a way to determine a proper heading. I mean… would it really make sense to mark-up an content as a h1 yet make it the smallest thing on the page – I would think not, unless there where some other form of design emphasis in use.
Makes sense, but particularly with my Home Page, that’s a tough one…
Using Paul O’s 3-Column Blah Blah layout with a fair amount of “wrapper” <DIV> tags makes it tougher, and I will not create some God-<H1> for the sake of having a supreme element.
If push comes to shove, do I hear you saying, “Pick whichever sub-section is most important and give it an <H1>”??
I think part of my confusion with <H1>'s is that if you can have only one like you are saying, then to me, that implies everything else needs to map up to that <H1>?! :-/
The sections on my Home Page do map to the page itself, but the page itself doesn’t have any logical semantic like my earlier vacation example, and since I’m using a more modern - read complex - layout using <DIV>'s there isn’t a practical way to have an <H1> for the entire Home Page as r937 suggests.
Also, can you have <H2>'s, <H3>'s, etc on a web page without an <H1>?? :scratch:
The best thing to do is pick the most important content and use a h1 for that. Logically, things in the center would seem more important than everything else. Than logically the item at the top in the center would seem more important to the one below it. Visually, I would expect the story in the center column at the top to the focal point. So to me it would make sense to follow through with that precedence with a h1. Speaking visually the most appropriate h1 is generally the heading accompanying or in close proximity to the focal point. oh… and by visually I mean the path the user should follow, which is directly related to how and when the user should experience the information.
you asked (hinted for) my opinion, so i gave it to you
then you shouted and laughed at me
that wasn’t very nice and i’m a bit miffed
one H1 per page is a very good convention, and that’s not just my opinion, others hold it too for good reason, and if you don’t understand why, then you know what? i’m not going to attempt to explain it to you because i’ve got a really low tolerance for abuse
I just bold things that are important in my endless paragraphs of babble.
It is a chuckle, and meant to be light-hearted.
(You’re reading too much into this.)
one H1 per page is a very good convention,
I don’t disagree.
and that’s not just my opinion, others hold it too for good reason, and if you don’t understand why, then you know what? i’m not going to attempt to explain it to you because i’ve got a really low tolerance for abuse
Abuse is disagreeing with you?
Must not have been a very good nap…
One H1 per page when you can logically assign one, sure.
One H1 per page that is contrived for the sake of having on H1 per page, no.
If there was one logical H1 for my current Home Page I wouldn’t be asking for help!
Not sure what all of the crabbiness is about, but I was NOT being mean or rude. I just bolded some sentences that I wanted to stand out, and I added some laughter to lighten things up. Not to be called “abusive”…
I think DoubleDee is getting bogged down in “rules” that simply aren’t cut and dried. For god’s sake, use <h1> however you like. The HTML Police aren’t going to break down your door if you’re violating some arbitrary rule. There isn’t only one “right” way to code a page.
The h1 element is used to indicate the most important (or highest-level) heading on the page. – note that is singular not plural. Again, that means one, not two, three, eight or hundred – one per page.