在编写HTML代码时，我们经常需要使用变量。变量可以帮助我们在代码中灵活地引用不同的数值或字符串。本文将介绍如何在HTML中添加变量。
1. 使用JavaScript
JavaScript是一种通用编程语言，常用于为网站添加交互功能。在编写JavaScript代码时，我们可以把变量定义为全局变量或局部变量，然后在HTML代码中使用它们。
定义变量
在JavaScript中定义一个变量只需要使用var关键字，后跟变量名和初始值（可选）。
var temperature = 20;
var greeting = "Hello, World!";
在HTML中使用变量
要在HTML中使用JavaScript变量，我们可以使用<script>标签。在<script>标签中编写JavaScript代码，然后使用[xss_clean]()方法将变量输出到HTML页面中。
<!DOCTYPE html>
<html>
<head>
<title>Using JavaScript Variables in HTML</title>
</head>
<body>
<script>
var temperature = 20;
var greeting = "Hello, World!";
[xss_clean]("<p>The temperature is " + temperature + " degrees.</p>");
[xss_clean]("<p>" + greeting + "</p>");
</script>
</body>
</html>
在上面的代码中，我们定义了两个JavaScript变量（temperature和greeting），然后使用[xss_clean]()方法将它们输出到HTML页面中。
2. 使用PHP
PHP是一种用于网站开发的服务器端脚本语言。在使用PHP编写网站时，我们可以定义变量并在HTML页面中使用它们。
定义变量
在PHP中，定义一个变量只需要使用$符号，后跟变量名和初始值（可选）。
$temperature = 20;
$greeting = "Hello, World!";
在HTML中使用变量
要在HTML中使用PHP变量，我们可以使用<?php ?>标签。在<?php ?>标签中编写PHP代码，然后使用echo语句将变量输出到HTML页面中。
<!DOCTYPE html>
<html>
<head>
<title>Using PHP Variables in HTML</title>
</head>
<body>
<p>
The temperature is <?php echo $temperature; ?> degrees.
</p>
<p>
<?php echo $greeting; ?>
</p>
</body>
</html>
在上面的代码中，我们定义了两个PHP变量（$temperature和$greeting），然后在HTML页面中使用<?php ?>标签和echo语句将它们输出。
总结
本文介绍了两种在HTML中添加变量的方法：使用JavaScript和使用PHP。在使用这些方法时，我们需要先定义变量，然后在HTML中使用它们。
使用JavaScript时，我们可以把变量定义为全局变量或局部变量，然后使用<script>标签在HTML中使用它们。
使用PHP时，我们定义变量时需要使用$符号，然后使用<?php ?>标签和echo语句在HTML中使用它们。
无论使用哪种方法，在输出变量时，我们可以使用字符串连接符（+或.）将变量和常规文本连接起来。这样可以在输出时添加一些描述性文本，使变量输出更加易读。
注意：如果在使用JavaScript或PHP时定义了变量，并且在输出变量时有任何HTML标签，将存在安全风险。在输出变量时，应该使用HTML实体（例如<和>）来转义任何HTML标签。