HTML页面中阿拉伯语和英语的混合用法

Question

我有这段代码：

<td class="test">
  <a href="/bar">هىفشتهو</a>
  ⋅
  <a class="text-muted" href="/bar">1 week ago</a>
</td>

上面的代码查看屏幕快照中显示的页面：

您可以看到它混合了英语和阿拉伯语文本。有解决浏览器行为的技术吗？

Answer 1

我通过添加其他HTML代码解决了该问题。我使用Bootstrap，所以类list-inline从那里开始。

<ul class="list-inline">
 <li><a href="/bar">هىفشتهو</a></li>
 <li>⋅</li>
 <li><a class="text-muted" href="/bar">1 week ago</a></li>
</ul>

现在看起来很正常：

Answer 2

这似乎是页面中的编码问题，请尝试将其添加到HTML头中

<head>
  <meta charset="UTF-8">
</head>