如何为指定HTML代码添加translate属性以适配.po文件多语言翻译

你使用的是Django模板体系的国际化翻译能力，直接把<th>标签内的纯文本替换成{% translate '对应文本' %}模板标签即可，Django的makemessages工具会自动提取标签内的字符串到.po文件供你填写翻译内容。

修改后的完整代码如下：

<th rowspan="2" class="text-center">{% translate 'a1' %}</th>
<th rowspan="2" class="text-center">{% translate 'a2' %}</th>
<th rowspan="2" class="text-left">{% translate 'a3' %}</th>
<th rowspan="2" class="text-center">{% translate 'a4' %}</th>

注意事项 #

• 模板顶部需要提前加载国际化标签，添加代码{% load i18n %}，否则translate标签会触发模板报错
• 如果你需要控制浏览器自带的自动翻译行为，可以额外在<th>标签上添加HTML原生的translate属性，取值为yes（允许浏览器翻译）或no（禁止浏览器翻译），示例如下：

  <th rowspan="2" class="text-center" translate="no">{% translate 'a1' %}</th>
  

• 代码修改完成后执行Django的makemessages命令即可把上述4个字符串提取到对应语言的.po文件中，填写完中文翻译后执行compilemessages命令即可生效。

内容的提问来源于stack exchange，提问作者Hakuna matata