添加背景音乐的HTML标签
在网页设计中，背景音乐是非常重要的一部分。它可以为网站增添氛围，让用户更好地沉浸在网站的氛围之中。那么，在HTML中如何添加背景音乐呢？接下来，我们就来详细讲解一下。
使用HTML5音频标签
HTML5自带音频标签，使用这个标签可以将音频嵌入到网页中，让用户可以通过浏览器直接听到音频，没有任何插件或其他必备条件。具体使用方法如下：
概述
HTML5音频标签是 <audio>，前往 MDN 查看音频标签的详细文档和属性。
示例
<audio src="music.mp3" controls="controls"></audio>
其中，src属性指定音频文件的链接地址，可以是相对路径或绝对路径；controls属性指定是否显示音频控制栏。
当然，如果您的网站需要使用多个音频，可以多次使用这个标签。不过，这种方式还是有一些弊端的。比如，在移动端使用时，还需要额外的交互才能自动播放。
使用HTML嵌入标签
除了使用HTML5的音频标签，我们还可以通过HTML标签嵌入音频，这种方式使用更加灵活，但也需要更多的代码。具体使用方法如下：
概述
使用HTML嵌入标签添加背景音乐，需要使用三个标签，分别为：
<object>
<param>
<embed>
<object>标签一般用于嵌入活动X对象，比如Flash等。而嵌入音频需要使用<param>标签来定义音频属性，如音频文件URL、音频类型、自动播放等。最后，在对象中使用<embed>标签来嵌入音频。
示例
<object width="0" height="0" data="null">
<param name="src" value="music.mp3">
<param name="autoplay" value="true">
<param name="loop" value="true">
</object>
以上代码中，<object>标签的参数值为0，并且没有设定类、id等属性，是因为我们不需要这个元素显示在网页中。我们只需要使用<param>标签来定义音频的一些属性，最后使用<embed>标签来嵌入音频。
其中，src属性指定音频文件的链接地址，可以是相对路径或绝对路径；autoplay属性用于自动播放，取值为true或false；loop属性用于指定是否循环播放，取值为true或false。
使用JavaScript
如果您对音频要求比较高，而且需要更多的操作和定制，那么您可以使用JavaScript来添加音频。使用JavaScript添加音频可以精确地控制音频的播放、暂停等状态，同时也能够大大扩展音频播放的功能。具体做法如下：
概述
使用JavaScript添加音频，需要写一些JS代码，用于控制音频的播放、暂停、循环等状态。其中，我们需要使用到HTML5音频标签的API，具体可以查看 MDN文档。这里，我们以使用JavaScript来添加音频循环播放为例。
示例
<audio id="bgmusic" src="music.mp3"></audio>
<script>
var audio = document.getElementById("bgmusic");
audio.loop = true;
audio.play();
</script>
以上代码中，我们首先定义了一个音频元素，这里我们使用HTML5音频标签的<audio>标签。在JS代码中，我们通过其ID获取到这个元素，然后定义循环播放和自动播放。最后，我们调用play()方法来开始播放音频。
总结
以上就是关于如何在HTML中添加背景音乐的详细介绍。我们可以使用HTML5音频标签、HTML嵌入标签、JavaScript等方法来实现这个功能。不过，在使用背景音乐时，我们需要注意以下几点：
合理使用背景音乐，不要影响用户的体验。
尽量避免强制播放和自动播放，以免影响用户网络流量。
注意载入速度，过大的音频文件会影响网站的载入速度。
避免侵犯版权，尽可能使用自己制作的音频文件。