473,785 Members | 2,209 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

HTML headings article

I wrote an article on HTML headings:
http://codewallop.110mb.com/goodprac...adingology.htm

--
Spartanicus
Apr 8 '07 #1
22 2522
Spartanicus <in*****@invali d.invalidwrote:
I wrote an article on HTML headings:
http://codewallop.110mb.com/goodprac...adingology.htm
Another argument in favor (or if you prefer, in favour :-) of skipping
heading levels is that sometimes, skipping heading levels better reflects
the document structure.

For example, you might have sections which use H2. Some of those sections
might have subsections which use H3, while others would have no
subsections. If the content within those sections and subsections needs to
be structured into "chunks", what heading levels should be used for those
"chunks"? The "never skip heading levels" argument would have some of the
"chunks" use H3, and some of them use H4. But it can make more structural
sense to use H4 for all the "chunks", even though this skips the H3 heading
level in sections which have no subsections.
--
Darin McGrew, mc****@stanford alumni.org, http://www.rahul.net/mcgrew/
Web Design Group, da***@htmlhelp. com, http://www.HTMLHelp.com/

"When strong encryption is outlawed, only outlaws jvyy hfr fgebat rapelcgvba."
Apr 9 '07 #2
Scripsit Darin McGrew:
Spartanicus <in*****@invali d.invalidwrote:
>I wrote an article on HTML headings:
http://codewallop.110mb.com/goodprac...adingology.htm

Another argument in favor (or if you prefer, in favour :-) of skipping
heading levels is that sometimes, skipping heading levels better
reflects the document structure.
"Another"? It seems that I have to scan through the cited article to see its
argument for skipping heading levels in some cases. It seems to be the
age-old "but h1 looks so BIG!!" argument in slightly modernized clothes.

The article complains about lack of arguments in specifications that
recommend that heading levels be not skipped. To me, the basic argument has
always been so evident that it need not be mentioned: you must not skip
levels for the same reason why you must not skip numbers when counting 1, 2,
3, ... Heading levels indicate logical nesting of parts of a document, and
you cannot nest something at the 3rd level without having something at the
2nd level. But people apparently often view the heading levels as "levels of
importance", and some unfortunate wordings in specifications might
contribute to this misconception.
For example, you might have sections which use H2. Some of those
sections might have subsections which use H3, while others would have
no subsections.
That's possible, though it often results from insufficient structuring or
poor division into sections.
If the content within those sections and subsections
needs to be structured into "chunks", what heading levels should be
used for those "chunks"?
"Chunk" is not an HTML concept or a document structuring concept.
The "never skip heading levels" argument
would have some of the "chunks" use H3, and some of them use H4. But
it can make more structural sense to use H4 for all the "chunks",
even though this skips the H3 heading level in sections which have no
subsections.
You seem to postulate the existence of document structure "bottom up", e.g.
so that at the lowest level we have paragraphs, they may be grouped into a
larger blocks, etc. However, the HTML structuring idea is clearly "top
down". You can't really have it both ways.

The solution is to design the structure according to the "top down" division
into parts. If you can't do this and you need headings for the "chunks",
then you might decide to violate the recommendations in HTML specifications
(and the HTML _standard_, ISO HTML ! :-) ), but it doesn't help to explain
that this is a good thing to do.

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

Apr 10 '07 #3
"Jukka K. Korpela" <jk******@cs.tu t.fiwrote in message
news:oQ******** ***********@rea der1.news.sauna lahti.fi
Scripsit Darin McGrew:
>Spartanicus <in*****@invali d.invalidwrote:
>>I wrote an article on HTML headings:
http://codewallop.110mb.com/goodprac...adingology.htm

Another argument in favor (or if you prefer, in favour :-) of
skipping heading levels is that sometimes, skipping heading levels
better reflects the document structure.

"Another"? It seems that I have to scan through the cited article to
see its argument for skipping heading levels in some cases. It seems
to be the age-old "but h1 looks so BIG!!" argument in slightly
modernized clothes.
The article complains about lack of arguments in specifications that
recommend that heading levels be not skipped. To me, the basic
argument has always been so evident that it need not be mentioned:
you must not skip levels for the same reason why you must not skip
numbers when counting 1, 2, 3, ... Heading levels indicate logical
nesting of parts of a document, and you cannot nest something at the
3rd level without having something at the 2nd level. But people
apparently often view the heading levels as "levels of importance",
and some unfortunate wordings in specifications might contribute to
this misconception.
In a non-CSS document, skipping heading levels is a way to stop the
sub-headings from being so ENORMOUS :->

--
Max Demian
Apr 10 '07 #4
Scripsit Max Demian:
In a non-CSS document, skipping heading levels is a way to stop the
sub-headings from being so ENORMOUS :->
Did you actually read the message that you quoted?

Maybe your comment has some subtle sarcasm in it, despite the use of an
emoticon. After all, if _skipping_ levels in the strict sense, e.g. having
h1 followed by h4 with no intervening h2 and h3, is supposed to _solve_ the
size issue, then it's really a laughable "solution". It creates a strong
discrepancy between font sizes of h1 and an element that is supposedly meant
to be logicall a 2nd level heading.

Anyway, people who surf around the net these days with a non-CSS browser or
with CSS support disabled can surely be expected to be interested in the
_content_ and logical _structure_ of pages rather than visual experience.

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

Apr 10 '07 #5
"Jukka K. Korpela" <jk******@cs.tu t.fiwrote in message
news:m9******** ***********@rea der1.news.sauna lahti.fi
Scripsit Max Demian:
>In a non-CSS document, skipping heading levels is a way to stop the
sub-headings from being so ENORMOUS :->

Did you actually read the message that you quoted?

Maybe your comment has some subtle sarcasm in it, despite the use of
an emoticon. After all, if _skipping_ levels in the strict sense,
e.g. having h1 followed by h4 with no intervening h2 and h3, is
supposed to _solve_ the size issue, then it's really a laughable
"solution". It creates a strong discrepancy between font sizes of h1
and an element that is supposedly meant to be logicall a 2nd level
heading.
Anyway, people who surf around the net these days with a non-CSS
browser or with CSS support disabled can surely be expected to be
interested in the _content_ and logical _structure_ of pages rather
than visual experience.
I was thinking of a non-CSS page.

h2 and even h3 are very large by default. Sometimes you just don't want the
font to be so large for a sub-heading, especially if it's a long one, which
would dominate the page.

I agree that using CSS is best, but for a simple, single, portable page
straight HTML might be appropriate.

--
Max Demian
Apr 10 '07 #6
On Apr 10, 1:37 pm, "Max Demian" <max_dem...@big foot.comwrote:
I was thinking of a non-CSS page.

h2 and even h3 are very large by default. Sometimes you just don't want the
font to be so large for a sub-heading, especially if it's a long one, which
would dominate the page.

I agree that using CSS is best, but for a simple, single, portable page
straight HTML might be appropriate.
Nothing prevents you using CSS in a simple, single, portable page. It
just means a style element rather than a link.

However, if you really wish to return to the markup of the previous
millenium, then put font elements inside the headings rather than
using the wrong semantics.

Apr 10 '07 #7
Darin McGrew wrote:
Another argument in favor (or if you prefer, in favour of skipping
heading levels is that sometimes, skipping heading levels better reflects
the document structure.
FWIW, I agree with you here.

For example

<h1= Document heading
<h2= Chapter heading
<h3= Subchapter heading
<h4= Heading for a "Case Study"

where case studies may appear within either a chapter or a subchapter. For
purposes of consistency, it may be considered preferable to have all case
studies at the same heading level.

--
Toby A Inkster BSc (Hons) ARCS
Contact Me ~ http://tobyinkster.co.uk/contact
Geek of ~ HTML/SQL/Perl/PHP/Python*/Apache/Linux

* = I'm getting there!
Apr 11 '07 #8
Toby A Inkster <us**********@t obyinkster.co.u kwrote:
Another argument in favor (or if you prefer, in favour of skipping
heading levels is that sometimes, skipping heading levels better reflects
the document structure.

FWIW, I agree with you here.

For example

<h1= Document heading
<h2= Chapter heading
<h3= Subchapter heading
<h4= Heading for a "Case Study"

where case studies may appear within either a chapter or a subchapter. For
purposes of consistency, it may be considered preferable to have all case
studies at the same heading level.
Absolutely. There are any number of circumstances where the logical
structure of a document or of information sometimes skips a level. This
is not just about consistency of appearance either, but a matter of
reflecting the logical structure of the document.

Daniele
Apr 11 '07 #9
Toby A Inkster wrote:
Darin McGrew wrote:
>>Another argument in favor (or if you prefer, in favour of skipping
heading levels is that sometimes, skipping heading levels better reflects
the document structure.

FWIW, I agree with you here.

For example

<h1= Document heading
<h2= Chapter heading
<h3= Subchapter heading
<h4= Heading for a "Case Study"

where case studies may appear within either a chapter or a subchapter. For
purposes of consistency, it may be considered preferable to have all case
studies at the same heading level.
Well, then: how about we split the difference. Keep the semantic logic
of heading *levels*, but bend their *presentation* to suit the content.

h1 {font-size:180%;} /* or whatever sizes we really like */
h2 {font-size:160%;} /* and bold and text-align as we like */
h3 {font-size:140%;}
h4 {font-size:120%;}
..caseStudy {font-size:120%; bottom-border:1px dotted grey;}

....
<h2>Chapter 3: A New Dawn<h2>
<p>yadda yadda</p>

<h3>The Details</h3>
<p>More blah blah with intro text for a fascinating case study</p>

<h4 class="caseStud y">Case Study: George Lucas at 43</h4>
<p>text of the fascinating study</p>

<h2>Chapter 4: Two Squared</h2>
<p>still more text</p>

<h3 class="caseStud y">Case Study: Carrie Fisher's Hair</h3>
<p>Text from this ludicrous example...</p>
etc.

This may _look_ mixed up to the fastidious reader, since the next
heading size jumps down unexpectedly, but that's what matches the
content, if you say you want all case studies to look the same.
Meanwhile, the heading level flow matches Spartanicus' strictness.

--
John
Apr 11 '07 #10

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

4
1662
by: dayzman | last post by:
Hi, I'm interested in a program that extracts the structure of unstructured HTML documents. The program should be able to make good estimates about different font styles used to represent headings, for example, some may use <font size = 24> for headings and some may use <h1>, in the end, both should output the same structure. The output can be in XML or other formats. Manual driving should remain minimal. Does anyone know of such...
71
6507
by: tomy_baseo | last post by:
I'm new to HTML and want to learn the basics by learning to code by hand (with the assistance of an HTML editor to eliminate repetitive tasks). Can anyone recommend a good, basic HTML editor that's a step beyond Notepad (not a WYSIWYG tool). Thanks.
26
2449
by: Dave Patton | last post by:
http://members.shaw.ca/davepatton/gps.html In another newsgroup(related to GPS), in regards to the above page, someone said: ---------------------------------------------------------------------- That page has quite a cryptic title: "CIS: GPS". I saved the URL in my browser but changed the title to "Patton's GPS pages". The headings are rather haphazard. For example, the first one ("On This Page") is a third level heading (an <h3>),...
10
2189
by: st4 | last post by:
Help, As part of my family history web site i need to get 150 pages of typed text into some format to display. It just text right now but I would like to add some graphics (photos) and make the text more friendly to read. I am thinking to divide it into smaller chapters and to format it something like a newspaper article. But just learning about HTML, 150 pages just seems like too greater task. Is there a shortcut or another way to do...
3
1667
by: dayzman | last post by:
Hi, I'm interested in projects evolve about extracing semantic structure of HTML documents. What I mean by extracting semantic structure is to analyse HTML doc and outputs a model (perhaps a tree structure) that relates paragraphs to headings/sub headings. It should be a difficult problem, since HTML is a structure language. Does anyone know of any existing research? Cheers,
8
2408
by: mark126 | last post by:
If this is not the right group for this question, please advise me of a better one. I have a collection of simple HTML files, many of which just contain a paragraph or two of text. Some contain just an IMG and a one line caption. I would like to find a tool that will load the first page (call it toc.html) and anywhere it finds a link, it should replace the link with the BODY of the linked page. If that BODY contains further links, it...
9
1510
by: elia | last post by:
Hello, I would like to show a line in a tabel in html if there is quantity of article choosed. My code is: <? if ($quantite1 0) { echo(' <tr>
27
3831
by: prt7u | last post by:
Howdy, I've started back afte a very long time of working with web pages for an organization that I am affiliated with (personally not professionally). Seeing that technology has advanced a lot since the last time I authored web pages (using vi), I am looking for a good, "free" WYSIWYG HTML Editor. Now, before ya go and hit the reply key, I've already tinkered with "amaya" which was pretty cool and then I moved to "Nvu", which I like
1
1705
by: Izhaki | last post by:
Hi, I'm creating a system where my XML includes HTML tags (<h1></h1>) in addition to other XML elements (<book></book>). I would like to render the HTML tags back to HTML using XSL. Considering I want to replace all headings, I could do for each heading level (i.e. repeat the following code for h2, h3, h4, h5, etc.): <xsl:template match="h1"> <h1><xsl:apply-templates/></h1> </xsl:template>
0
9646
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
9483
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
10346
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
10157
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
0
9956
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
1
7504
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
6742
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
1
4055
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
2
3658
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.