模板字符串是ES6中一个非常实用的功能，它能够轻松地拼接HTML代码并让代码更加简洁易懂。在JavaScript中使用模板字符串，我们可以使用反引号创建一个模板，然后使用${}来嵌入所需的变量。

模板字符串可以简化HTML代码拼接，如下所示：

const name = "John";
const age = 30;

const html = `
  

    
${name}
    
Age: ${age}
  
`;

console.log(html);

使用模板字符串可以避免一些繁琐的字符串连接操作。而且，我们也可以在模板字符串中使用条件语句、循环语句等JavaScript语法，使代码更加灵活。

例如，我们可以在模板字符串中使用条件语句来控制HTML的样式：

const isBlue = true;

const html = `
  

    
Template String
  
`;

console.log(html);

使用模板字符串，我们可以更加方便地创建动态的HTML代码，使代码更加清晰、简洁。