<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>Comments on: SimpleQuiz &#8250; Part III: Heading and List</title>
	<atom:link href="http://simplebits.com/notebook/2003/09/05/simplequiz-part-iii-heading-and-list/feed/" rel="self" type="application/rss+xml" />
	<link>http://simplebits.com/notebook/2003/09/05/simplequiz-part-iii-heading-and-list/</link>
	<description>Handcrafted pixels &#38; text from Salem, Massachusetts.</description>
	<lastBuildDate>Tue, 08 Dec 2009 23:15:49 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.2</generator>
	<item>
		<title>By: Egor Kloos</title>
		<link>http://simplebits.com/notebook/2003/09/05/simplequiz-part-iii-heading-and-list/#comment-509</link>
		<dc:creator>Egor Kloos</dc:creator>
		<pubDate>Sat, 06 Sep 2003 05:15:41 +0000</pubDate>
		<guid isPermaLink="false">http://www.simplebits.com/wp/notebook/2003/09/05/simplequiz-part-iii-heading-and-list/#comment-509</guid>
		<description>Yes it&#039;s A. Why? Well, just scroll up.
This example also shows that understanding the content and it&#039;s context can be very important. Let&#039;s say that the answer ought to be B, because the text for the DT was chosen carelessly. Should we just follow the actual text or have the title rewritten to fit it&#039;s context? It&#039;s obvious that the title ought to be fixed because if we are using this in a truly semantic driven website the content could be miss-assigned. The semantics could breakdown, which would be bad. Semantic systems need to be accurate for them to be reliable otherwise users won&#039;t trust the website. Accuracy is key to being useful even more so than with syntactic websites.
Writing HTML pages doesn&#039;t seem so easy any more.
</description>
		<content:encoded><![CDATA[<p>Yes it&#8217;s A. Why? Well, just scroll up.<br />
This example also shows that understanding the content and it&#8217;s context can be very important. Let&#8217;s say that the answer ought to be B, because the text for the DT was chosen carelessly. Should we just follow the actual text or have the title rewritten to fit it&#8217;s context? It&#8217;s obvious that the title ought to be fixed because if we are using this in a truly semantic driven website the content could be miss-assigned. The semantics could breakdown, which would be bad. Semantic systems need to be accurate for them to be reliable otherwise users won&#8217;t trust the website. Accuracy is key to being useful even more so than with syntactic websites.<br />
Writing HTML pages doesn&#8217;t seem so easy any more.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Chris</title>
		<link>http://simplebits.com/notebook/2003/09/05/simplequiz-part-iii-heading-and-list/#comment-508</link>
		<dc:creator>Chris</dc:creator>
		<pubDate>Sat, 06 Sep 2003 04:52:49 +0000</pubDate>
		<guid isPermaLink="false">http://www.simplebits.com/wp/notebook/2003/09/05/simplequiz-part-iii-heading-and-list/#comment-508</guid>
		<description>I find &lt;a href=&quot;http://www.simplebits.com/archives/2003/09/05/simplequiz_part_iii_heading_and_list.html#comment21&quot; rel=&quot;nofollow&quot;&gt;besh&#039;s example&lt;/a&gt; intriguing. I may now have to tinker. :-)
I would normally use an unordered list for the main menu.
&lt;code&gt;
&lt;ul&gt;
&#160;&#160;&#160;&lt;li&gt;&lt;a href=&quot;/&quot; title=&quot;Return Home&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
&#160;&#160;&#160;&lt;li&gt;&lt;a href=&quot;/about/&quot; title=&quot;About This Site&quot;&gt;About&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/code&gt;
However, a definition list makes more sense to me if I wanted to display the description of each main menu item on the page (like a submenu bar or a label box) instead of just adding the title attribute to the main menu link tags.
&lt;code&gt;
&lt;dl&gt;
&#160;&#160;&#160;&lt;dt&gt;&lt;a href=&quot;/&quot;&gt;Home&lt;/a&gt;&lt;/dt&gt;
&#160;&#160;&#160;&lt;dd&gt;Return Home&lt;/dd&gt;
&#160;&#160;&#160;&lt;dt&gt;&lt;a href=&quot;/about/&quot;&gt;About&lt;/a&gt;&lt;/dt&gt;
&#160;&#160;&#160;&lt;dd&gt;About This Site&lt;/dd&gt;
&lt;/dl&gt;
&lt;/code&gt;
I&#039;d probably leave the title attributes in the links.
</description>
		<content:encoded><![CDATA[<p>I find <a href="http://www.simplebits.com/archives/2003/09/05/simplequiz_part_iii_heading_and_list.html#comment21" rel="nofollow">besh&#8217;s example</a> intriguing. I may now have to tinker. :-)<br />
I would normally use an unordered list for the main menu.<br />
<code><br />
&lt;ul&gt;<br />
&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a href="/" title="Return Home"&gt;Home&lt;/a&gt;&lt;/li&gt;<br />
&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a href="/about/" title="About This Site"&gt;About&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
</code><br />
However, a definition list makes more sense to me if I wanted to display the description of each main menu item on the page (like a submenu bar or a label box) instead of just adding the title attribute to the main menu link tags.<br />
<code><br />
&lt;dl&gt;<br />
&nbsp;&nbsp;&nbsp;&lt;dt&gt;&lt;a href="/"&gt;Home&lt;/a&gt;&lt;/dt&gt;<br />
&nbsp;&nbsp;&nbsp;&lt;dd&gt;Return Home&lt;/dd&gt;<br />
&nbsp;&nbsp;&nbsp;&lt;dt&gt;&lt;a href="/about/"&gt;About&lt;/a&gt;&lt;/dt&gt;<br />
&nbsp;&nbsp;&nbsp;&lt;dd&gt;About This Site&lt;/dd&gt;<br />
&lt;/dl&gt;<br />
</code><br />
I&#8217;d probably leave the title attributes in the links.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Bob Easton</title>
		<link>http://simplebits.com/notebook/2003/09/05/simplequiz-part-iii-heading-and-list/#comment-507</link>
		<dc:creator>Bob Easton</dc:creator>
		<pubDate>Sat, 06 Sep 2003 02:52:27 +0000</pubDate>
		<guid isPermaLink="false">http://www.simplebits.com/wp/notebook/2003/09/05/simplequiz-part-iii-heading-and-list/#comment-507</guid>
		<description>A is more semantically correct as many have already said.  It also has higher weight or value for devices other than computer screens. Screen reader programs all have hot keys for reading headings and normal lists, and would therefore make A more accessible than B.
For &quot;web,&quot; yes there is logic to selecting which heading to use. Proponents of structured markup (derived from the SGML school of thought) use headings hierarchically, like an outline.  So, use them in ascending order.  Then style them to look like what you desire. That order is, again, an important accessibility consideration.
</description>
		<content:encoded><![CDATA[<p>A is more semantically correct as many have already said.  It also has higher weight or value for devices other than computer screens. Screen reader programs all have hot keys for reading headings and normal lists, and would therefore make A more accessible than B.<br />
For &#8220;web,&#8221; yes there is logic to selecting which heading to use. Proponents of structured markup (derived from the SGML school of thought) use headings hierarchically, like an outline.  So, use them in ascending order.  Then style them to look like what you desire. That order is, again, an important accessibility consideration.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: James</title>
		<link>http://simplebits.com/notebook/2003/09/05/simplequiz-part-iii-heading-and-list/#comment-506</link>
		<dc:creator>James</dc:creator>
		<pubDate>Sat, 06 Sep 2003 02:48:42 +0000</pubDate>
		<guid isPermaLink="false">http://www.simplebits.com/wp/notebook/2003/09/05/simplequiz-part-iii-heading-and-list/#comment-506</guid>
		<description>I recently &lt;a href=&quot;http://gholsbane.moap.net/bnet/&quot; title=&quot;Bungie.net recoded&quot; rel=&quot;nofollow&quot;&gt;rewrote&lt;/a&gt; the HTML of &lt;a href=&quot;http://www.bungie.net/&quot; title=&quot;Official Bungie community network site&quot; rel=&quot;nofollow&quot;&gt;Bungie.net&lt;/a&gt; for a little fun and made some probably despicable decisions regarding definition lists.
I am a relative newcomer to the web design world and have been coding tableless XHTML/CSS exclusively since I became serious about it. My lack of experience has been a mixed blessing, though. On the one hand I am learning new techniques at a remarkable rate and don&#039;t have the time to establish bad habits. But, from the other perspective, I tend to make quite a few laughable errors.
Usually after I gain an understanding of proper XHTML and CSS usage from reading the experts&#039; blogs, my techniques are set straight. Help me sort this one out :)
Returning to to &lt;code&gt;dl&lt;/code&gt;&#039;s, I&#039;d be interested to know how much of my usage was inappropriate at the above link. I realise now that the poll should be in a table as it is tabular, but should the change log, events, inside and some of the links be marked up as &lt;code&gt;h&lt;/code&gt; elements followed by paragraphs and unordered lists as per option A above?
Also, I too was confused by &lt;code&gt;hn&lt;/code&gt;, maybe you should label it &lt;code&gt;h#&lt;/code&gt;?
</description>
		<content:encoded><![CDATA[<p>I recently <a href="http://gholsbane.moap.net/bnet/" title="Bungie.net recoded" rel="nofollow">rewrote</a> the HTML of <a href="http://www.bungie.net/" title="Official Bungie community network site" rel="nofollow">Bungie.net</a> for a little fun and made some probably despicable decisions regarding definition lists.<br />
I am a relative newcomer to the web design world and have been coding tableless XHTML/CSS exclusively since I became serious about it. My lack of experience has been a mixed blessing, though. On the one hand I am learning new techniques at a remarkable rate and don&#8217;t have the time to establish bad habits. But, from the other perspective, I tend to make quite a few laughable errors.<br />
Usually after I gain an understanding of proper XHTML and CSS usage from reading the experts&#8217; blogs, my techniques are set straight. Help me sort this one out :)<br />
Returning to to <code>dl</code>&#8216;s, I&#8217;d be interested to know how much of my usage was inappropriate at the above link. I realise now that the poll should be in a table as it is tabular, but should the change log, events, inside and some of the links be marked up as <code>h</code> elements followed by paragraphs and unordered lists as per option A above?<br />
Also, I too was confused by <code>hn</code>, maybe you should label it <code>h#</code>?</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Jai</title>
		<link>http://simplebits.com/notebook/2003/09/05/simplequiz-part-iii-heading-and-list/#comment-505</link>
		<dc:creator>Jai</dc:creator>
		<pubDate>Sat, 06 Sep 2003 01:29:24 +0000</pubDate>
		<guid isPermaLink="false">http://www.simplebits.com/wp/notebook/2003/09/05/simplequiz-part-iii-heading-and-list/#comment-505</guid>
		<description>Hmmm... what if Robots, Monkeys, Etc. are the names of a list of stuff? I mean, what if some guy has 4 lists of stuff, and he named them Robots, Monkey, etc... Then those things &lt;em&gt;would be&lt;/em&gt; definitions of a list of stuff. That&#039;s twisted, but ture... But in general, A is correct.
</description>
		<content:encoded><![CDATA[<p>Hmmm&#8230; what if Robots, Monkeys, Etc. are the names of a list of stuff? I mean, what if some guy has 4 lists of stuff, and he named them Robots, Monkey, etc&#8230; Then those things <em>would be</em> definitions of a list of stuff. That&#8217;s twisted, but ture&#8230; But in general, A is correct.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Stefan Walter</title>
		<link>http://simplebits.com/notebook/2003/09/05/simplequiz-part-iii-heading-and-list/#comment-504</link>
		<dc:creator>Stefan Walter</dc:creator>
		<pubDate>Sat, 06 Sep 2003 01:17:33 +0000</pubDate>
		<guid isPermaLink="false">http://www.simplebits.com/wp/notebook/2003/09/05/simplequiz-part-iii-heading-and-list/#comment-504</guid>
		<description>I would prefer A &#8211; for a simple list of things I don&#039; see the point why I should use a definition list.
But this question is way more controversal than the other questions :) So this might end up in a discussion of personal taste &#8211; as always the discussion on the questions is even more interesting than the question, I can&#039;t wait to hear more opinions on this (and of course I can&#039;t wait for the next question in the quiz :) )
</description>
		<content:encoded><![CDATA[<p>I would prefer A &ndash; for a simple list of things I don&#8217; see the point why I should use a definition list.<br />
But this question is way more controversal than the other questions :) So this might end up in a discussion of personal taste &ndash; as always the discussion on the questions is even more interesting than the question, I can&#8217;t wait to hear more opinions on this (and of course I can&#8217;t wait for the next question in the quiz :) )</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Minz Meyer</title>
		<link>http://simplebits.com/notebook/2003/09/05/simplequiz-part-iii-heading-and-list/#comment-503</link>
		<dc:creator>Minz Meyer</dc:creator>
		<pubDate>Sat, 06 Sep 2003 01:09:08 +0000</pubDate>
		<guid isPermaLink="false">http://www.simplebits.com/wp/notebook/2003/09/05/simplequiz-part-iii-heading-and-list/#comment-503</guid>
		<description>hmmmm....what about extending the DTD?
&lt;code&gt;
&lt;stuff&gt;
&lt;descr&gt;List of stuff&lt;/descr&gt;
&lt;item&gt;Robots&lt;/item&gt;
&lt;item&gt;Monkeys&lt;/item&gt;
&lt;/stuff&gt;
&lt;/code&gt;
okay, maybe too far away ;)
</description>
		<content:encoded><![CDATA[<p>hmmmm&#8230;.what about extending the DTD?<br />
<code><br />
&lt;stuff&gt;<br />
&lt;descr&gt;List of stuff&lt;/descr&gt;<br />
&lt;item&gt;Robots&lt;/item&gt;<br />
&lt;item&gt;Monkeys&lt;/item&gt;<br />
&lt;/stuff&gt;<br />
</code><br />
okay, maybe too far away ;)</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: besh</title>
		<link>http://simplebits.com/notebook/2003/09/05/simplequiz-part-iii-heading-and-list/#comment-502</link>
		<dc:creator>besh</dc:creator>
		<pubDate>Sat, 06 Sep 2003 00:21:43 +0000</pubDate>
		<guid isPermaLink="false">http://www.simplebits.com/wp/notebook/2003/09/05/simplequiz-part-iii-heading-and-list/#comment-502</guid>
		<description>A is right.
This is definition list:
&lt;code&gt;
&lt;dl&gt;
&#160;&lt;dt&gt;Ygg&#039;drasil&lt;/dt&gt;
&#160;&lt;dd&gt;The tree of the universe, a huge ash which holds an important place in Scandinavian mythology&lt;/dd&gt;
&lt;/dl&gt;&lt;/code&gt;
That&#039;s how I understand &lt;a href=&quot;http://www.w3.org/TR/html4/struct/lists.html#edef-DL&quot; rel=&quot;nofollow&quot;&gt;the specification&lt;/a&gt;.
...and this could work as well:
&lt;code&gt;
&lt;dl&gt;
&#160;&lt;dt&gt;Lister&lt;/dt&gt;
&#160;&lt;dd&gt;What can I do?&lt;/dd&gt;&lt;/code&gt;
&lt;code&gt;
&#160;&lt;dt&gt;Holly&lt;/dt&gt;
&#160;&lt;dd&gt;You&#039;ve gotta deal with your grief, man. Breakup is very much like a bereavement: it&#039;s usually followed by a cremation and some sandwiches.&lt;/dd&gt;
&lt;/dl&gt;
&lt;/code&gt;
</description>
		<content:encoded><![CDATA[<p>A is right.<br />
This is definition list:<br />
<code><br />
&lt;dl&gt;<br />
&nbsp;&lt;dt&gt;Ygg'drasil&lt;/dt&gt;<br />
&nbsp;&lt;dd&gt;The tree of the universe, a huge ash which holds an important place in Scandinavian mythology&lt;/dd&gt;<br />
&lt;/dl&gt;</code><br />
That&#8217;s how I understand <a href="http://www.w3.org/TR/html4/struct/lists.html#edef-DL" rel="nofollow">the specification</a>.<br />
&#8230;and this could work as well:<br />
<code><br />
&lt;dl&gt;<br />
&nbsp;&lt;dt&gt;Lister&lt;/dt&gt;<br />
&nbsp;&lt;dd&gt;What can I do?&lt;/dd&gt;</code><br />
<code><br />
&nbsp;&lt;dt&gt;Holly&lt;/dt&gt;<br />
&nbsp;&lt;dd&gt;You've gotta deal with your grief, man. Breakup is very much like a bereavement: it's usually followed by a cremation and some sandwiches.&lt;/dd&gt;<br />
&lt;/dl&gt;<br />
</code></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Dan</title>
		<link>http://simplebits.com/notebook/2003/09/05/simplequiz-part-iii-heading-and-list/#comment-501</link>
		<dc:creator>Dan</dc:creator>
		<pubDate>Fri, 05 Sep 2003 22:10:34 +0000</pubDate>
		<guid isPermaLink="false">http://www.simplebits.com/wp/notebook/2003/09/05/simplequiz-part-iii-heading-and-list/#comment-501</guid>
		<description>Dan - Thanks for the suggestion, I&#039;ve just made that (very original) change. ;-)
</description>
		<content:encoded><![CDATA[<p>Dan &#8211; Thanks for the suggestion, I&#8217;ve just made that (very original) change. ;-)</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Dan R.</title>
		<link>http://simplebits.com/notebook/2003/09/05/simplequiz-part-iii-heading-and-list/#comment-500</link>
		<dc:creator>Dan R.</dc:creator>
		<pubDate>Fri, 05 Sep 2003 22:02:48 +0000</pubDate>
		<guid isPermaLink="false">http://www.simplebits.com/wp/notebook/2003/09/05/simplequiz-part-iii-heading-and-list/#comment-500</guid>
		<description>A is of course the best method, for all the reasons listed above (I just wish one of these times I&#039;ll see the question before anyone else does -- it&#039;s tough to seem like I have any original ideas with all these great thoughts posted before mine ;-)
One thing that will make the presentation of the question clearer is italicizing the &quot;n&quot;:
&lt;code&gt;&lt;h&lt;em&gt;n&lt;/em&gt;&gt;A List of Stuff&lt;/h&lt;em&gt;n&lt;/em&gt;&gt;&lt;/code&gt;
See? I &lt;em&gt;can&lt;/em&gt; contribute something original...
</description>
		<content:encoded><![CDATA[<p>A is of course the best method, for all the reasons listed above (I just wish one of these times I&#8217;ll see the question before anyone else does &#8212; it&#8217;s tough to seem like I have any original ideas with all these great thoughts posted before mine ;-)<br />
One thing that will make the presentation of the question clearer is italicizing the &#8220;n&#8221;:<br />
<code>&lt;h<em>n</em>&gt;A List of Stuff&lt;/h<em>n</em>&gt;</code><br />
See? I <em>can</em> contribute something original&#8230;</p>
]]></content:encoded>
	</item>
</channel>
</rss>

