我已经遇到最近,做这样的事情的几个例子:
-
Full Name:
Email Address:
做HTML表单。 这是为什么? 什么是优于使用表?
Answer 1:
我想这是由你来决定的语义,但在我看来:
而不是一个定义列表,表格相关的属性应该被使用。
Full Name:
Email Address:
的“for”在属性标记应该引用一个标记中的“id”属性。 请注意,当标签与字段关联,点击标签,就会把相关领域关注的焦点。
还可以使用像标记到一起形成和的集群部分,以标题的字段集。
Answer 2:
我已经成功地使用中概述的技术文章几次。
我同意sjstrutt,你应该使用形式相关的标签,如label和form在您的形式,但在他的例子中列出的HTML,经常会缺少一些代码,您可以为“挂钩”使用与CSS样式表单。
由于这种后果我标记我的形式是这样的:
Form header
Username:
Password:
这种做法给我留下了一个可理解的标签集合,它包含了足够的挂钩风格有很多不同的方式形式。
Answer 3:
这是语义VS格式问题的一个子集。 一个定义列表说它们是什么,相关的key / value属性的列表,但并没有说如何显示它。 一个表,更多地布局以及如何显示数据又是什么里面的数据。 它限制如何列表既可以通过overspecifying格式和underspecifying它是什么格式。
HTML,历史上,已经混合了格式化语义。 字体标签和表格是最恶劣的例子。 此举对CSS的格式化和很多纯粹的格式标记出来XHTML的剥离恢复,一定程度上,意义从格式化的分离。 通过分离格式化成CSS可以显示多种不同的方式重新格式化为广泛的浏览器,一个小的手机浏览器,打印,纯文本等相同的HTML ...
对于启蒙,请访问CSS禅意花园 。
Answer 4:
定义列表有语义。 他们是上市条件(
)及其相关的定义()。 因此,在这种情况下的Answer 5:
在这种情况下,标签和输入是你的语义和他们站在自己的。
想象一下,你不得不读的网页,加载出来,以一个盲人。 你不会说:“好吧,我在这里定义列表 。第一项是‘名’。” 相反,你可能会说:“好吧,我们在这里有一个表单 ,它看起来像有一个字段集 ,第一输入被标记为 ‘名’。”
这就是为什么语义网是非常重要的。 它允许页面的内容,以准确地表示自己人和技术。 例如,有很多 浏览器 的插件 ,可以帮助用户快速完成网络表单填写他们的标准信息(姓名,电话号码等)。 如果输入没有相关的标签,这些很少工作。
希望帮助。
Answer 6:
使用dl dt , dd的形式只是另一种方式来构建你的表格,连同ul li , div和table 。 您可以随时把一个label为dt 。 这样你保持形式特定元素label的地方。
-
Login
Password
Answer 7:
定义列表几乎从来没有使用过,因为语义上来说,他们很少出现在互联网上。
在你的情况下,正确的代码已经公布:
Full Name:
Email Address:
您正在创建与所述输入端输入和标签,你是不是列明单词列表,并定义它们的形式。
如果你正在做某种帮助部分的再定义列表将是适当的,例如:
-
HTML
- Hypertext Markup Language CSS
- Cascade Stylesheets PHP
- Hypertext Preprocessor
Answer 8:
对于使用
好吧,表恨是它的一部分了。
Answer 9:
几乎所有形式的表格。 你有没有看到这不是一个表格形式? 我读过该准则使用表格显示table标签建议而这正是表格,日历和电子表格的。 而现在,他们正在使用DD和DT,而不是表? 什么是网络来?! :)
Answer 10:
有时,一个定义列表简单地呈现在期望的,而表不的方式的信息。 就个人而言,我可能不会使用一个定义列表的形式,除非它适合网站的风格。
Answer 11:
表列出的数据将是这样的:
Name: | John Don |
Age: | 23 |
Gender: | Male |
Day of Birth: | 12th May 1986 |
您还可以使用DL,DT,DD标签列表数据是这样的:
-
Name:
- John Don Age:
- 23 Gender:
- Male Day of Birth:
- 12th May 1986
文章来源: Why use definition lists (DL,DD,DT) tags for HTML forms instead of tables?