HTML 标签

1. <abbr> 标签

要显示某个单词的某些缩写时，需要<abbr>标签

<p>Using <abbr>HTML</abbr> is fun and easy!</p>

使用<abbr>的好处

1. 增强的可访问性：屏幕阅读器可以读取完整的表格，提高视障用户的可访问性。
2. 更好的 SEO：搜索引擎更好地理解缩写，从而有可能提高相关性。
3. 改善用户体验：用户在悬停时可以获得扩展的含义，这可以澄清技术或不熟悉的术语。

2. <code> 标签

定义一段代码或计算机编程文本 

<p>To display a message in JavaScript, use the <code>alert()</code> function.</p>

使用 <code> 的好处 有助于将代码与常规文本清晰地区分开。 大多数浏览器<code>默认使用等宽字体呈现，从而增强可读性

3. <datalist> 选项标签

HTML 中的元素<datalist>用于为元素提供预定义选项的列表<input>，允许用户从值列表中选择或输入自己的自定义值。

其中的每个选项<datalist>都是使用标签定义的<option>。

这在搜索字段或表单输入中尤其有用，您希望向用户建议可能的条目，而不是将他们限制在所提供的选项内。

<input list="browsers" name="browser" placeholder="Choose a browser..." /><datalist id="browsers"><option value="Chrome"><option value="Firefox"><option value="Safari"><option value="Edge"><option value="Opera">
</datalist>

• 该<input>元素包含一个list指向id该<datalist>元素的属性。
• 该<datalist>元素包含多个<option>标签，每个标签代表一个预定义选项。
• 当用户在输入字段中输入内容时，他们将看到一个基于<option>值的建议下拉列表<datalist>。

3. <meter>标签 

<meter>代表已知范围内的标量测量或分数值，例如磁盘使用情况、电池电量或测验分数。

<label for="battery">Battery Level:</label>
<meter id="battery" value="40" min="0" max="100" low="20" high="80" optimum="100">40%
</meter>

 <meter>属性

1. value：当前测量值或值。
2. min：最小可能值（默认为 0）。
3. max：最大可能值（必须大于min）。
4. low：测量值低于该值则视为测量值过低。
5. high：测量值高于该值则视为测量值过高。
6. optimum：最佳或理想值。