Yes, let's look on down a little further too...
Originally Posted by noonnope
So with this h2 that we have been using in the examples,
A heading element briefly describes the topic of the section it introduces.
Apple's Lala purchase appears to have been "insurance"
we have a brief description of the topic.
Now let's look at how the <small> element (a font property used to render text in a "small" font) should actually play a roll when being used in a heading.
First let's look back at Jason's reasoning in post#62 where he says this:
I agree, it is fairly common and I have done it several times myself. Every time I have ever used it though my main heading text is able to flow through with the small element and still make sense while maintaining a brief description of the topic. The heading text should be able to maintain it's meaning with or without the <small> element in place. I use it a lot of times to drop down to another line and de-emphasize.
It's really no different than doing "h1 small" which is fairly common practice. It's part of the heading, so put it in the heading tag. It does not have the same emphasis as the title itself, so de-emphasize it with small.
Actually I just did that on the example I gave in post#64
You can read through that without the small tag in place and it still represents topic text.
Article Summaries: Version II <br><small>Fluid Width & Single Paragraph</small>
The problem I have is when you start trying to call the byline part of the heading by wrapping it in the small tags which gives us this:
That should be able to make sense reading it as one line without the small tag or an image separating it. It doesn't, that byline is not part of the heading. It is information that is subsequent to the heading and it has no business in the h2.
Apple's Lala purchase appears to have been "insurance" <small><b>1 day ago - by Lisa Smith</b> | Posted in: Mac Central</small>
Glad you brought that back up, it just so happens that the h2 link you gave goes into details on that too.
All wrong. Except the part of losing the wrapping divs for each h2
subpart, which is the thing I suggested in post #12
They give examples showing how the headers are the first elements in each section and subsection. Ironically that's exactly how I had been setting up all of my examples.
The following example shows how to use the DIV element to associate a heading with the document section that follows it. Doing so allows you to define a style for the section (color the background, set the font, etc.) with style sheets.