Comments on: XHtml/Html: How does the browser decide on size for tags <h1> through to <h6>? http://htmlindex.net/xhtml/xhtmlhtml-how-does-the-browser-decide-on-size-for-tags-h1-through-to-h6 Tue, 23 Feb 2010 23:24:56 -0800 http://wordpress.org/?v=abc hourly 1 By: circusmort http://htmlindex.net/xhtml/xhtmlhtml-how-does-the-browser-decide-on-size-for-tags-h1-through-to-h6/comment-page-1#comment-272 circusmort Thu, 05 Nov 2009 22:01:59 +0000 http://htmlindex.net/xhtml/xhtmlhtml-how-does-the-browser-decide-on-size-for-tags-h1-through-to-h6#comment-272 These are just hard coded into the software and come from way back in the first days of markup, even before the internet really when word processors couldn't display anything over the bog standard text, so needed something to differentiate headings from body text. h1 - h3 are larger than p and 4 - 6 go from the same to smaller. So it's really an arbitrary choice - which DOES change from browser to browser.<br><b>References : </b><br> These are just hard coded into the software and come from way back in the first days of markup, even before the internet really when word processors couldn’t display anything over the bog standard text, so needed something to differentiate headings from body text. h1 – h3 are larger than p and 4 – 6 go from the same to smaller.

So it’s really an arbitrary choice – which DOES change from browser to browser.
References :

]]> By: hellotman16 http://htmlindex.net/xhtml/xhtmlhtml-how-does-the-browser-decide-on-size-for-tags-h1-through-to-h6/comment-page-1#comment-271 hellotman16 Thu, 05 Nov 2009 21:24:59 +0000 http://htmlindex.net/xhtml/xhtmlhtml-how-does-the-browser-decide-on-size-for-tags-h1-through-to-h6#comment-271 I'm pretty certain that it is relative function of the default font. For example +1, +2, +3 sizes would be <h6>, <h5>, <h4> and so on... It's pretty easy to test: just make a little html page and put some text in <h1> through <h6>. Then put the same text in a div and adjust it until it looks the same. Edit: I just realized there is an even easier way. Download the Firebug extension for firefox. You can make CSS changes on any open HTML document and see the entire CSS tree including inheritance. Pretty great tool if you've never used it before.<br><b>References : </b><br> I’m pretty certain that it is relative function of the default font. For example +1, +2, +3 sizes would be <h6>, <h5>, <h4> and so on…

It’s pretty easy to test: just make a little html page and put some text in <h1> through <h6>. Then put the same text in a div and adjust it until it looks the same.

Edit: I just realized there is an even easier way. Download the Firebug extension for firefox. You can make CSS changes on any open HTML document and see the entire CSS tree including inheritance. Pretty great tool if you’ve never used it before.
References :

]]>