在开发 H5 页面时,通常需要支持多种语言。为实现这一目标,我们可以使用 HTML 的 lang 属性来设置页面的语言。
在 head 标签内,添加 lang 属性来声明页面的主要语言。例如:
<head lang="zh-CN">
<title>中文标题</title>
</head>
接下来,需要在同一个页面上显示不同语言的标题,可以使用 span 标签并指定 lang 属性。例如:
<h1>
<span lang="zh-CN">中文标题</span>
<span lang="en-US">English Title</span>
</h1>
浏览器会根据用户的语言设置自动显示相应的标题。用户的语言设置为中文,则会显示中文标题;设置为英文,则会显示英文标题。
通过这种方式,可以在同一个 H5 页面上轻松地实现多语言标题的显示,为用户提供更好的体验。
