HTML 标签

原创于 2024-11-13 15:00:37 发布 · 639 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html #前端 #算法

1. <abbr> 标签

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

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

使用<abbr>的好处

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

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>属性

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