about html lang attribute

有关lang属性。

先是简单的例子。

代码如下。

<h1>浅色颜料</h1>
<h2>abcdefghijklmnopqrstuvwxyz</h2>
<button>change language</button>

let lang = "en"
let tag = document.querySelector("html")

document.querySelector("button").onclick = () => {
  lang = lang === "en" ? "ja" : "en"
  tag.setAttribute("lang", lang)
}

可见每次点击按钮时由于lang属性变化，汉字字体发生了变化。 从此可知lang属性不仅和 SEO 相关，甚至会影响浏览器渲染结果。