不使用的字段HTML标签有意义超越了分组形式？

StackOverflow https://stackoverflow.com/questions/314457

  •  10-07-2019
  •  | 
  •  

题

通常，我已经看到它与形式，但是我发现它有助于集团相关的成套数据(例如，当你有多个表上的一页，使用周围的每个字段的表格或组的相关表格定义的一个可见的意义和有组的名称(说明)).这是滥用的字段标记的那一点，在我的用途，它不再有义含义？

有帮助吗？

解决方案

我可以看到语义优点阻塞内容转换成与字段集图例

虽然相关联的使用字段集和传说与形式的W3C，允许form标签外部使用开辟了新的边界，以实验。可能类似于使用定义列表。

我个人并不认为，“场”的字段集是特定于形成场。它只是继承关系，从它的表单标签中使用。 场是在参考分组。

想象一下，您当地的公园和娱乐与你的朋友一起玩垒球。有3个可用字段。所有这些都对围栏标志“棒球ONLY”

你收拾你的装备和回家？

标记形式标签滥用外部使用字段集和传说的是窄近视。

没有其中在定义未提及的形式：

  

在FIELDSET元件允许作者   组主题相关的控制   和标签。分组控制使得   用户更容易了解他们   同时宗旨   用于便于互联导航   可视化用户代理和语音   导航面向语音的用户   代理商。正确使用此元素   使得文件更容易获得。

我考虑XHTML标签格式控制。格p BLOCKQUOTE等

<h1>The Big Book about Everything</h1>
<fieldset>
    <legend>Jokes</legend>
    <h2>30 pages of humorous Jokes</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    <p>Cras nec diam eu lectus condimentum faucibus in et odio.</p>
</fieldset>
<fieldset>
    <legend>Poems</legend>
    <h2>20 pages of well written poems</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    <p>Cras nec diam eu lectus condimentum faucibus in et odio.</p>
</fieldset>
<fieldset>
    <legend>Horror</legend>
    <h2>3 Short and scary stories</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    <p>Cras nec diam eu lectus condimentum faucibus in et odio.</p>
</fieldset>
<fieldset>
    <legend>Mystery</legend>
    <h2>3 Short and mysterious stories</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    <p>Cras nec diam eu lectus condimentum faucibus in et odio.</p>
</fieldset>

其他提示

我相信，这将是滥用。 http://www.w3.org/TR/REC-html40/interact/forms.html#h-17.10 国"的字段元素允许作者组主题相关的 控制 和标签".

在名称fieldset的 “场” 比特指<form>字段。

外form■使用<=>到组aribtrary数据显然是语义误操作。

然而，你的HTML将验证和上帝的不会杀死一只小猫。

字段集是约的形式对照组 。通过将相关的表单控件，作者可以把一个形式进入更小，更容易管理的部分，提高了可用性灾难太多表单控件面对用户时，可以发动攻击。

这确实不意味着表单内的字段集总是组字段，即使本说明书讨论字段集只有内的用户的上下文与形式相互作用...

因此，“滥用”可以来自这样的事实的HTML 4和XHTML规格不需要字段集和说明被包含表单元素内。 FIELDSET甚至可以BODY元素的孩子。这是有效的语法把字段集之外的形式。

但是，当你描述的东西作为一个字段是不是一个真正的字段集，你只是会造成混乱。

这是最好的认为HTML / XHTML标签作为描述而不是它的外观元素的含义。然后你可以使用CSS，使元素看起来像任何你想要的。

如果用于演示目的，你组数据，你可以在这里找到的好的CSS替代。

有关参考：

.fieldset {
border-right: 1px solid #75736E;
border-bottom: 1px solid #75736E;
border-left: 1px solid #F2F0EE;
border-top: 1px solid #F2F0EE;
padding: 10px 3px 3px 3px;

}

.outer {
border-left: 1px solid #75736E;
border-top: 1px solid #75736E;
border-right: 1px solid #F2F0EE;
border-bottom: 1px solid #F2F0EE;
width: 200px; /* CHANGE THIS FOR BOX SIZE */
} 

.legend {
float: left;
margin-left: 15px;
margin-top: -8px;
padding-left: 5px;
padding-right: 5px;
font-weight: bold;
background: #FFF;
} 

<div class="legend">Lipsum.com Is The Best</div>
<div class="outer">
<div class="fieldset">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
Donec congue fermentum metus. Quisque vel ante. 
Cras purus metus, dignissim at, luctus et, sollicitudin eget, urna. 
Maecenas eget lacus. Aenean bibendum risus non erat mattis semper. 
Aliquam placerat nibh eget lacus. Sed blandit eleifend justo. Nam elit. 
Fusce feugiat orci id eros facilisis laoreet. 
Integer vestibulum condimentum purus. 
Proin vehicula congue lacus. Quisque placerat diam nec enim. 
Nunc lorem. Maecenas nec sem sed nulla tristique faucibus.</div></div>

如果要分组的表，可以考虑使用对各组一个适当的标题（H1-H6）元件。可以使用描述各个表的“字幕”元素。 “摘要”属性也可为每个表。

从规格：

  

每个表可以具有相关联   字幕（见CAPTION元件），该   提供的一个简短的描述   表的目的。较长的说明   还可以提供（通过摘要   属性）用于造福人民   使用语音或基于盲文用户   剂。

和用于记录，则“字段集”元件并不旨在是形式以外使用。和形式内，则旨在概念性组等输入字段 - 比如“个人信息”或“帐单地址”等

。

下面是讨论什么屏幕阅读器导航的fieldsets当用户听到一个有趣的文章。 HTTP：// WWW .rnib.org.uk / wacblog /物品/太备受无障碍/太备受辅助功能字段集-传说/

在字段集标签也使用向屏幕阅读器和一些其它辅助技术。

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top