有什么用<legend>HTML 中的标记？

HTML中的<legend>标记是用于定义<fieldset>元素的标题。<fieldset>元素用于将相关表单字段分组。<legend>标记可以在<fieldset>元素的顶部显示一个标题，使表单更具可读性和可访问性。

使用方法

<legend>标记需要嵌套在<fieldset>标记内。下面是一个示例：

<fieldset>
  <legend>联系信息</legend>
  <label for="name">姓名：</label>
  <input type="text" id="name" name="name"><br><br>
  <label for="email">邮箱：</label>
  <input type="email" id="email" name="email"><br><br>
  <label for="phone">电话：</label>
  <input type="tel" id="phone" name="phone"><br><br>
</fieldset>

在这个示例中，<legend>标记定义了一个标题“联系信息”，显示在表单项的顶部。

优点

使用<legend>标记来定义<fieldset>元素的标题有以下优点：

1. 可读性：使用<legend>标记使表单更加具有可读性，可以更容易地理解表单的内容。

2. 可访问性：<legend>元素可以提高表单的可访问性，可以更容易地浏览表单并理解其结构。这对于视觉障碍用户或使用屏幕阅读器的人来说尤为重要。

3. 语义化：使用<legend>元素可以提高文档的语义化，并且使其更易于理解和维护。

总结

总之，<legend>标记是一种有用的HTML元素，可以定义<fieldset>元素的标题，提高表单的可读性、可访问性和语义化。建议在编写表单时使用<legend>标记来提高表单的质量和用户体验。