HTML结构语义数据页

Question

什么是设计表单时/详细信息视图最大的可读性（无障碍）和通用性使用的最佳结构？

作为一个例子，ASP.NET MVC框架的脚手架创建具有在顶部的图例和P中的所有字段（一个标签，然后输入/编辑器集）一个字段。

什么是使用最通用的结构，你觉得呢？

例如，如果我想改变布局后有两个或三个字段并排侧，而不是自上而下的，我只希望通过CSS要做到这一点，因为它不是结构有关。

谢谢，结果 基隆

编辑：的：一种朋友的建议是使用DL，DT和DDS ......没有人有任何想法

Answer 1

我用一个非常类似的结构，以通过ASP.NET脚手架生成的一个，不同之处在于我使用的div代替PS：

<form>
    <fieldset>
        <legend>Legendary Fieldset</legend>
        <div>
            <label for="textBox">Text Input</label>
            <input name="textBox" id="textBox" />
        </div>
        <div>
            <label for="selectBox">Select box</label>
            <select name="selectBox" id="selectBox">
                <option>1</option>
                <option>2</option>
            </select>
        </div>
    </fieldset>
    <!-- more fieldsets if required -->
</form>

我用div的，因为对我来说，多数民众赞成更多的语义正确比p元素，因为它们是用于文本的段落。

当涉及到它的造型也是一个多功能的结构，因为你可能例如使字段集500像素宽和字段集DIV 250像素宽和浮动，从而通过侧实现侧。或者你可以有相同的宽度为字段集的字段集股利。或者你可以有字段集和字段集的div相同的宽度，然后贴在一些div一类是一半的宽度和浮动（比如“半”）。的可能性真的是无止境的。

在任何情况下，这正是我所使用的日常的东西 - 尽管它的通用性，它可能不适合所有要求

修改至于定义列表而言，它们是语义上不应该被用于布置一个形式专门元件。

Answer 2

我刚刚创建一个基本形式，让结构增长解决这一问题。

<form>
  <input>
  <input>
  <input>
</form>

然后当你需要的分组

<form>
  <div>
    <input>
    <input>
  </div>
  <input>
</form>

然后做你的演示文稿中的CSS。测试可访问的最好办法是关闭所有的样式表，看看该网站是有道理的。

表单是块级元素，以便它们可用于含有其它元素语义正确的。