在 HTML 中拼接字符串有两种方法：通过 + 运算符连接字符串和使用 template literals，使用符号反引号 (`)。可以使用空格或换行符分隔字符串，与数字拼接字符串，并且可以在复杂的表达式中使用括号。

如何在 HTML 中拼接字符串

在 HTML 中拼接字符串非常简单，有两种主要方法：

方法 1：使用 + 运算符

• 使用 + 运算符将两个或多个字符串连接起来。

• 例如：

  立即学习“前端免费学习笔记（深入）”；

  <code class="html"><p>Hello" + " " + "World!"</p></code>

  输出：

  <code><p>HelloWorld!</p></code>

方法 2：使用 template literals

• template literals 也是拼接字符串的一种强大方法。
• 它们使用符号反引号 (`) 而不是引号。

• 例如：

  立即学习“前端免费学习笔记（深入）”；

  <code class="html"><p>`Hello ${"World!"}`</p></code>

  输出：

  <code><p>Hello World!</p></code>

其他注意事项：

• 字符串也可以与数字拼接。
• 可以使用空格或换行符来分隔字符串。
• 可以使用括号将复杂的表达式括起来。

示例：

如下面的代码段所示，可以使用 + 运算符将来自不同来源的字符串连接起来：

<code class="html"><p>
  欢迎来到 "
  + document.getElementById("name").value
  + "! 我们很高兴您能来。"
</p></code>

也可以使用 template literals 来显示计算的值：

<code class="html"><p>
  圆的面积为 `Math.PI * radius ** 2` 平方单位。
</p></code>