Css 标题还是图例？_Css_Html_Forms

Css 标题还是图例？

css html forms

Css 标题还是图例？,css,html,forms,Css,Html,Forms,我在一个管理员小组网站上工作。所有页面都有一个标题和下面的一些表单页面的外观如下所示： <div class="page some-page"> <form> <fieldset> ... </fieldset> </form> </div> <body> <h1>Page's Header</h1> ...

我在一个管理员小组网站上工作。所有页面都有一个标题和下面的一些表单

页面的外观如下所示：

<div class="page some-page">
     <form>
        <fieldset>
           ...
        </fieldset>
     </form>
</div>

<body>
<h1>Page's Header</h1>

...

<main class="page some-page">

'''

<form>
<fieldset>
<legend>...</legend>
...
</fieldset>


<fieldset>
<legend>...</legend>
...
</fieldset>
</form>

...

</main>

...

</body>

...

我需要为所有页面添加页眉，我想知道是将其作为

-还是作为

因此，每个页眉可以是这样的（使用图例）：


页眉
...

或者像这样（使用h1）


页眉
...

或者使用嵌套标题>h1进行更复杂的操作：

<div class="page some-page">
     <header>
         <h1>Page's Header</h1>
     </header>
     <form>
        <fieldset>
           ...
        </fieldset>
     </form>
</div>


页眉
...

就设计和css而言，它们都是相同的，可以设计成相同的样式

来自HTML规范-is：

HTML–元素表示六个级别的节标题。是最高的截面标高，也是最低的截面标高

传说是：

HTML元素表示其父元素内容的标题

我问的是“最佳实践”和HTML规范。。甚至尝一尝-

如何实现所有页面的页眉？

语义标记的经验法则不是考虑元素在页面上的显示方式，而是考虑元素作为文档的解剖组件实际扮演的角色

在这种情况下，我会选择这样的方式：

<div class="page some-page">
     <form>
        <fieldset>
           ...
        </fieldset>
     </form>
</div>

<body>
<h1>Page's Header</h1>

...

<main class="page some-page">

'''

<form>
<fieldset>
<legend>...</legend>
...
</fieldset>


<fieldset>
<legend>...</legend>
...
</fieldset>
</form>

...

</main>

...

</body>


页眉
...
'''
...
...
...
...
...
...

语义标记的经验法则不是考虑元素在页面上的显示方式，而是考虑元素作为文档的解剖组件实际扮演的角色

在这种情况下，我会选择这样的方式：

<div class="page some-page">
     <form>
        <fieldset>
           ...
        </fieldset>
     </form>
</div>

<body>
<h1>Page's Header</h1>

...

<main class="page some-page">

'''

<form>
<fieldset>
<legend>...</legend>
...
</fieldset>


<fieldset>
<legend>...</legend>
...
</fieldset>
</form>

...

</main>

...

</body>


页眉
...
'''
...
...
...
...
...
...

使用

作为页面最重要的标题

使用

将表单字段集合分组在一起。不要用它来包含整个表单。例如：


你的名字
问候语

名字

姓
你的地址
房屋名称或编号

街道

城镇

邮政编码
你喜欢的动物
猫
狗
马

使用

作为页面最重要的标题

使用

将表单字段集合分组在一起。不要用它来包含整个表单。例如：


你的名字
问候语

名字

姓
你的地址
房屋名称或编号

街道

城镇

邮政编码
你喜欢的动物
猫
狗
马

我通常只对标题使用

标记，但我从不在表单中使用fieldset标记。如果您实际使用的是

，并且“标题”定义了字段集的标题，我可能会使用

，因为这是它的特定用途。“标记为元素定义了一个标题。”否则，我将使用

作为任何其他类型的“标题”。此外，由于这是一个“管理面板”，我不认为这将在搜索引擎优化方面的问题，因为它将背后的登录和爬虫无法到达它。嗨@Matthew thx。对你完全正确。在这种情况下，SEO是不相关的。。但我想知道，当所有的页面都是一个大表单时，公共网站的首选是什么。我们应该使用h1还是legend？我投票决定以离题结束这个问题，因为SEO在这里离题了，应该在webmasters.stackexchange.com上提问。然而，关于元素的问题在这里是离题的，而这个问题在这里取决于观点。@Rob这不是与SEO相关的问题。这是使用HTML规范的最佳实践question@Rob，我知道他在他的问题中说SEO，但从阅读他的问题SEO甚至不适用，因为它是在一个管理面板后面。我将问题编辑为“最佳实践”，而不是SEO，因为这更合适。我通常只使用

标记作为标题，但我从不在表单中使用fieldset标记。如果您实际使用的是

，并且“标题”定义了字段集的标题，我可能会使用

，因为这是它的特定用途。“标记为元素定义了一个标题。”否则，我将使用

作为任何其他类型的“标题”。此外，由于这是一个“管理面板”，我不认为这将在搜索引擎优化方面的问题，因为它将背后的登录和爬虫无法到达它。嗨@Matthew thx。对你完全正确。在这种情况下，SEO是不相关的。。但我想知道，当所有的页面都是一个大表单时，公共网站的首选是什么。我们应该使用h1还是legend？我投票决定以离题结束这个问题，因为SEO在这里离题了，应该在webmasters.stackexchange.com上提问。然而，关于元素的问题在这里是离题的，而这个问题在这里取决于观点。@Rob这不是与SEO相关的问题。这是使用HTML规范的最佳实践question@Rob，我知道他在他的问题中说SEO，但从阅读他的问题SEO甚至不适用，因为它是在一个管理面板后面。我将问题改为“最佳实践”，而不是SEO，因为这更合适。