<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="Content-Type">
</head>
<body bgcolor="#ffffff" text="#000000">
On 23.10.2010 21:02, <a class="moz-txt-link-abbreviated" href="mailto:help-request@lists.whatwg.org">help-request@lists.whatwg.org</a> wrote:
<blockquote
cite="mid:mailman.0.1287860561.4921.help-whatwg.org@lists.whatwg.org"
type="cite">Hello,<br>
<br>
I've some discussions with my team.<br>
The first discussion was the <span id="result_box"
class="short_text" lang="en"><span style="color: rgb(0, 0, 0);"
title="">correct use of the dl (definition list). Before the
HTML5 the dl tag was a "definition list" n' the specification
said that we should use in cases of dictionary data (Not usual
for "Name: Jack", but usual for "Name: Nominal ID for a
person").</span></span><br>
Now, in the new specification, the dl is "description list" and de
definition is: "Name-value groups may be terms and definitions,
metadata topics and values, questions and answers, or any other
groups of name-value data.". So it's not more a discussion =)<br>
<br>
But other discussion is "ol" or "ul" for forms. What's more
correct?<br>
Here a example by alistapart with use of "ol": <a
moz-do-not-send="true"
href="http://www.alistapart.com/articles/prettyaccessibleforms/">http://www.alistapart.com/articles/prettyaccessibleforms/</a><br>
<br>
In HTML5 spec says: "The <code><a moz-do-not-send="true"
href="http://dev.w3.org/html5/spec-author-view/grouping-content.html#the-ol-element"
id="ol-4">ol</a></code> element <a moz-do-not-send="true"
class="full-spec-link"
href="http://dev.w3.org/html5/spec/rendering.html#represents"
title="Read about this "represents" reference in the
full HTML5 spec.">represents</a> a list of items, where the
items have been intentionally ordered, such that changing the
order would change the meaning of the document."<br>
<br>
I think that the correct is use ul, because, for example, in a
form with "name" n' "age" if we change the order of fields, the
meaning is the same.<br>
<br>
What do you know?<br>
<br>
[]'s<br clear="all">
--<br>
Renatho De Carli Rosa<br>
<br>
Grifo<br>
Desenvolvimento Client-side com inteligência.<br>
<br>
Av. Loureiro da Silva, 2001 / 917<br>
Porto Alegre, RS<br>
<br>
<a moz-do-not-send="true" href="mailto:renathoc@hotmail.com"
target="_blank">renathoc@hotmail.com</a> (MSN)<br>
<a moz-do-not-send="true"
href="mailto:renatho.rosa@grifotecnologia.com.br"
target="_blank">renatho.rosa@grifotecnologia.com.br</a> (Gtalk)<br>
renathoc (Skype)<br>
<br>
<a moz-do-not-send="true" href="http://www.grifotecnologia.com.br"
target="_blank">www.grifotecnologia.com.br</a><br>
+55 51 3084.7760<br>
+55 51 9996.7650</blockquote>
Hi<br>
<br>
We had the same heated debate a few months ago when it came to lists
and forms. We concluded that using any list element to keep the
label and input elements apart was redundant (although it does look
kinda cool). The list element just didn't provide anything of
semantic value to the form. We still needed to group each label and
input for styling needs, hence we decided upon using div elements.<br>
<br>
A simplistic example of how we do forms now:<br>
<br>
<tt><form><br>
<fileset><br>
<legend>Personal Info</legend><br>
<div><br>
<label for="full_name">Full Name:</label><br>
<input name="full_name" type="text" /><br>
</div><br>
<div><br>
<label for="full_address">Full
Address</label><br>
<input name="full_address" type="text" /><br>
</div><br>
</fieldset><br>
<fieldset><br>
<legend>Billing</legend><br>
<!-- billing: visa, mastercard etc ... separated from
personal info by the fieldset element --><br>
</fieldset><br>
<button type="submit" name="save">Hook me
up!</button><br>
</form></tt><br>
<br>
We'd be happy to get some feedback on this way of doing forms, if
anyone has a better idea when it comes to the semantics.<br>
<br>
<pre class="moz-signature" cols="72">--
Herman Hassel
Agrabush Design
mail: <a class="moz-txt-link-abbreviated" href="mailto:herman@agrabush.com">herman@agrabush.com</a>
twitter: <a class="moz-txt-link-freetext" href="http://twitter.com/agrabush">http://twitter.com/agrabush</a></pre>
</body>
</html>