Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

H1/H2 tags - how do I apply retroactively

Status
Not open for further replies.

Sadruddin

Technical User
Nov 16, 2001
89
GB
Hi. If this has been asked before then v sorry.

Seen a lot about the adviseability of H1/H2 tags.
I've got a fairly CSS based site (Dreamweavered).

A newish page, unfancy, is
As you can see, I've not used H tags at all.
Looking at this page, it looks like the top EMDR would be H1 level, and the lower (PTSD and EMDR) tags H2. (I know the content's not very representative - maybe
would be more representative.

Anyway, my question is this. the CSS is fairly tidy, though I know I'd be better renaming the styles to less colour specific ones, so I could change them later if I chose. But could I just replace the styles used for these headings and subheadings into CSS styles called H1 and H2?

If not, then what?

Thanks.

S
 
You can rename your classes to anything you like, it won't affect your SEO. Just naming a class after the HTML element that you should have used in the first place will not have any magical effect.

What you need to do is change this (invalid) markup:
Code:
<span class="aswabblueHeadBold">EMDR</P>
</span>
To this:
Code:
<h1>EMDR</h1>
and then use CSS to style <h1> elements as you want them.

Incidentally, unless you're 100% sure that your target audience will know what those acronyms mean, I'd introduce them in full before starting to use the acronyms:
Code:
<h1>Eye Movement Desensitization and Reprocessing (EMDR)</h1>
<p>EMDR is a therapeutic intervention which...

You may also find places to use the <acronym> element:
Code:
<acronym title="Cognitive Behavioural Therapy">CBT</acronym>
You can then highlight the presence of this information with CSS something like this:
Code:
acronym {
  border-bottom: 1px dotted;
  cursor: help;
}

If you've got lots of pages that look like an explosion in a Scrabble factory, consider adding a Glossary page too.

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd
 
Thanks.

(As usual) more than I asked for, but lots I can use.
In my defence this is a new page I haven't really spent any time on :(

But the Acronym tag looks potentially interesting. Can find descriptions out there, but not examples. If I could ask for just a little more of your time, Chris, what's it for?
 
I used google and the phrase: acronym tag where I got over 1.5million results. The first result was to w3schools. Using the search engines will often get you the answer faster than posting to this forum!

Cheers,
Jeff

[tt]Jeff's Page [/tt][tt]@[/tt][tt] Code Couch
[/tt]
 
Doh

Interestingly, googling html acronym (which I did) is far less helpful.

Ta

S
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top