你不知道的 HTML（1）

meter 标签

meter 标签可以用来表示已知范围的数值，例如：

<meter min="0" max="500" value="350"></meter>

在 Chrome 上会显示为：

required 属性

有的时候 React、Vue、antd 等框架和库用的多了，对原生的 html 标签反而不熟悉了。事实上，原生的 html 标签也支持表单的必填校验，设置 required 属性为 true 即可。

<form>
  <input type="text" id="username" name="username" required="required" />
  <input type="submit" />
</form>

如果输入框中没有填值就点击「提交」按钮，输入框下方会出现以下提示：

download 属性

download 属性主要被用在 link 标签里，来使用户可以从网页上下载文件。例如：

<div>
  <a href="image.png" download="imageName">下载图片</a>
</div>

可以把新的文件名作为值传给 download 属性。

abbr 标签

abbr 标签用于代表缩写，并且可以通过可选的 title 属性提供完整的描述。

当鼠标 hover 在 abbr 标签上时，鼠标上会悬浮出 title 的属性中的内容。

<p>
  You can use <abbr title="Cascading Style Sheets">CSS</abbr> to style your
  <abbr title="HyperText Markup Language">HTML</abbr>.
</p>