头像还是传说？
我正在为一个管理员小组网站工作。所有页面都有一个标题和它下面的某种形式。
一页的内容如下：
<div class="page some-page">
<form>
<fieldset>
...
</fieldset>
</form>
</div>我需要为所有的页面添加一个标题，我想知道是把它作为一个<legend> -还是作为<H1>
因此，每个页面标题可以是这样的(使用图例)：
<div class="page some-page">
<form>
<fieldset>
<legend>Page's Header</legend>
...
</fieldset>
</form>
</div>或者像这样(使用h1)
<div class="page some-page">
<h1>Page's Header</h1>
<form>
<fieldset>
...
</fieldset>
</form>
</div>或者更复杂的嵌套标头> h1：
<div class="page some-page">
<header>
<h1>Page's Header</h1>
</header>
<form>
<fieldset>
...
</fieldset>
</form>
</div>就设计和css而言，它们都是相同的，可以用相同的样式..。
来自HTML规范-是：
HTML -元素表示六个级别的节标题。是最高的部分，也是最低的。
传说是：
HTML元素表示其父元素的内容的标题。
我要求的是“最佳实践”和HTML规范。甚至尝起来-
如何实现所有页面的标题？
回答 2
Stack Overflow用户
发布于 2017-07-28 09:42:51
使用<h1>作为页面最重要的标题。
使用<fieldset>将表单字段的集合分组在一起。不要用它来包含整个表单。例如：
<fieldset>
<legend>Your name</legend>
<label><input> Salutation</label><br>
<label><input> Forename</label><br>
<label><input> Surname</label>
</fieldset>
<fieldset>
<legend>Your address</legend>
<label><input> House name or number</label><br>
<label><input> Street</label><br>
<label><input> Town</label><br>
<label><input> Post code</label>
</fieldset>
<fieldset>
<legend>Animals you like</legend>
<label><input type=checkbox> Cats</label>
<label><input type=checkbox> Dogs</label>
<label><input type=checkbox> Horses</label>
</fieldset>
(这些并不是HTML的理想示例，也不是捕获名称或地址的理想示例，但它们演示了如何使用字段集)。
字段不必进入字段集。大多数表单根本不需要字段集。当您需要使用公共标签对字段集合进行分组时，它们就在那里。
Stack Overflow用户
发布于 2017-07-28 09:36:36
语义标记的经验法则不是考虑元素如何在页面上显示，而是考虑元素作为文档的解剖组件实际上扮演了什么角色。
在这种情况下，我会做这样的事情：
<body>
<h1>Page's Header</h1>
...
<main class="page some-page">
'''
<form>
<fieldset>
<legend>...</legend>
...
</fieldset>
<fieldset>
<legend>...</legend>
...
</fieldset>
</form>
...
</main>
...
</body>https://stackoverflow.com/questions/45362950
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号