A question about header tags (beginner question)

  • mrhodes
  • Newbie
  • Newbie
  • mrhodes
  • Posts: 8

Post 3+ Months Ago

This is a beginner question, but any help you can send my way is appreciated!

What is the difference between using the <h> tag to emphasize text, and just using a <font> tag et al to change size, emphasis, so on.

As an example, what is the difference between the following two statements:

1)
Code: [ Select ]
<h1>this is my example</h1>


and

2)
Code: [ Select ]
<font size="6><b>this is my example</b></font>


When I write these in frontpage HTML pane and then preview them, they look identical to me.

Thanks for any info you can share!

Mark
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23456
  • Loc: Woodbridge VA

Post 3+ Months Ago

Well, just looking at the two should answer your question. Which is easier to type?

However, it should also be noted that the header elements are still valid HTML elements whereas Font is not. Instead of font it is recommended that you use style sheets instead. The link for w3 schools I gave you in PM should help you understand how to use style more effectively.
  • musik
  • Legend
  • Super Moderator
  • User avatar
  • Posts: 6893
  • Loc: up a tree

Post 3+ Months Ago

Could you post the URL here too, then we all can all see :D
Taa!
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23456
  • Loc: Woodbridge VA

Post 3+ Months Ago

Here you go Musik:
http://www.markrhodes.us/

Original post on the subject:
http://ozzu.com/website-design-forum/having-issues-with-dynamic-menus-t20247.html
  • musik
  • Legend
  • Super Moderator
  • User avatar
  • Posts: 6893
  • Loc: up a tree

Post 3+ Months Ago

Taa! :D
  • rjmthezonenet
  • Expert
  • Expert
  • User avatar
  • Posts: 526
  • Loc: St. John's, Newfoundland, Canada

Post 3+ Months Ago

Yes, the font tag is depreciated (meaning they hope to phase it out).

Furthermore, the H1...H6 tags imply significance, and that may be valuable to non-standard web browsers (eg. audio).

It may be helpful to use the H1...H6 tags as-is, and use a style sheet to control their appearance. This method keeps older and unusual browsers happy while enjoying the benefits of CSS.
  • b_heyer
  • Web Master
  • Web Master
  • User avatar
  • Posts: 4581
  • Loc: Maryland

Post 3+ Months Ago

I also believe that the H tags add in an extra break, similar to a P tag, while modifying with css midstream alleviates the extra break so you can have BIG words running along next to little words.
  • rjmthezonenet
  • Expert
  • Expert
  • User avatar
  • Posts: 526
  • Loc: St. John's, Newfoundland, Canada

Post 3+ Months Ago

Yeah, the H1...H6 tags are block level elements just like DIV and P. You can change this in your style sheet.
  • b_heyer
  • Web Master
  • Web Master
  • User avatar
  • Posts: 4581
  • Loc: Maryland

Post 3+ Months Ago

do explain...
  • rjmthezonenet
  • Expert
  • Expert
  • User avatar
  • Posts: 526
  • Loc: St. John's, Newfoundland, Canada

Post 3+ Months Ago

Its a lot to explain. See section 9.4 of the CSS 2.1 standard:
http://www.w3.org/TR/CSS21/visuren.html#normal-flow
  • b_heyer
  • Web Master
  • Web Master
  • User avatar
  • Posts: 4581
  • Loc: Maryland

Post 3+ Months Ago

Okies, thanks for the link :) I get it now.

Post Information

  • Total Posts in this topic: 11 posts
  • Users browsing this forum: No registered users and 73 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.