HTML箭头怎么添加

HTML箭头可以使用自定义实体、HTML5的 `<symbol>` 元素，或者是通过CSS伪元素和unicode字符来添加。以下是几种常见方法：

1. **自定义实体** (适用于老版本浏览器)：
- `&rarr;` 或 `&rightarrow;` 生成右向箭头 →
- `&larr;` 或 `&leftarrow;` 生成左向箭头 ←
- `&uarr;` 或 `&uparrow;` 生成上向箭头 ↑
- `&darr;` 或 `&downarrow;` 生成下向箭头 ↓

2. **HTML5 `<symbol>` 元素** (现代推荐做法):

   <svg>
     <symbol id="right-arrow" viewBox="0 0 16 16">
       <title>Right Arrow</title>
       <path d="M8 7L4 11l4 4 4-4z"></path>
     </symbol>
   </svg>
   <span class="my-icon" style="color: black;" title="Right arrow">&#x2192;</span>

然后在需要的地方引用这个符号。

3. **CSS伪元素** 和 unicode 字符:
可以通过`:before`或`:after`伪元素配合unicode字符插入箭头，例如：

   .arrow-right::before {
     content: '\2192'; /* 或者使用 escape sequence \e2\x86\xb2 */
     font-size: 1em;
   }