A question about header tags (beginner question)

  • mrhodes
  • Newbie
  • Newbie
  • No Avatar
  • Joined: Jan 16, 2004
  • Posts: 8
  • Status: Offline

Post January 17th, 2004, 11:38 am

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
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post January 17th, 2004, 11:38 am

  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Joined: May 28, 2003
  • Posts: 23404
  • Loc: Woodbridge VA
  • Status: Offline

Post January 17th, 2004, 11:56 am

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.
"There's no place like 127.0.0.1 except for ::1."
Alexandria Networks. Leader in IT consulting for associations/non-profits, and small to medium sized businesses around the northern Virginia and Washington D.C. metro area.
  • musik
  • Legend
  • Super Moderator
  • User avatar
  • Joined: Aug 06, 2003
  • Posts: 6892
  • Loc: up a tree
  • Status: Offline

Post January 17th, 2004, 3:23 pm

Could you post the URL here too, then we all can all see :D
Taa!
Opportunity To Do - Changing the lives of children around the world.
Rose.id.au - Doing Life.
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Joined: May 28, 2003
  • Posts: 23404
  • Loc: Woodbridge VA
  • Status: Offline

Post January 17th, 2004, 3:35 pm

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
"There's no place like 127.0.0.1 except for ::1."
Alexandria Networks. Leader in IT consulting for associations/non-profits, and small to medium sized businesses around the northern Virginia and Washington D.C. metro area.
  • musik
  • Legend
  • Super Moderator
  • User avatar
  • Joined: Aug 06, 2003
  • Posts: 6892
  • Loc: up a tree
  • Status: Offline

Post January 17th, 2004, 4:41 pm

Taa! :D
Opportunity To Do - Changing the lives of children around the world.
Rose.id.au - Doing Life.
  • rjmthezonenet
  • Expert
  • Expert
  • User avatar
  • Joined: Jan 14, 2004
  • Posts: 526
  • Loc: St. John's, Newfoundland, Canada
  • Status: Offline

Post January 17th, 2004, 8:58 pm

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
  • Joined: Jun 15, 2003
  • Posts: 4583
  • Loc: Maryland
  • Status: Offline

Post January 18th, 2004, 10:32 am

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.
Pixel Acres V2
  • rjmthezonenet
  • Expert
  • Expert
  • User avatar
  • Joined: Jan 14, 2004
  • Posts: 526
  • Loc: St. John's, Newfoundland, Canada
  • Status: Offline

Post January 18th, 2004, 11:26 am

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
  • Joined: Jun 15, 2003
  • Posts: 4583
  • Loc: Maryland
  • Status: Offline

Post January 18th, 2004, 12:58 pm

do explain...
Pixel Acres V2
  • rjmthezonenet
  • Expert
  • Expert
  • User avatar
  • Joined: Jan 14, 2004
  • Posts: 526
  • Loc: St. John's, Newfoundland, Canada
  • Status: Offline

Post January 18th, 2004, 3:20 pm

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
  • Joined: Jun 15, 2003
  • Posts: 4583
  • Loc: Maryland
  • Status: Offline

Post January 18th, 2004, 3:48 pm

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

Post Information

  • Total Posts in this topic: 11 posts
  • Users browsing this forum: roelof and 201 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
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.