gpt4 book ai didi

HTML 5 lang 属性没有按预期工作

转载 作者:行者123 更新时间:2023-11-27 22:32:11 27 4
gpt4 key购买 nike

我正在尝试借助 HTML lang 属性创建一个支持多种语言的网站。我在这里找到了这个例子:

<!DOCTYPE html>
<html>
<body>

<p>This is a paragraph.</p>
<p lang="fr">Ceci est un paragraphe.</p>

</body>
</html>

我在我的操作系统中将德语定义为语言,并在不同的浏览器上进行了尝试,但我也总是看到法语段落。这就是我所看到的:

这是一个段落。

Ceci est un paragraphe.

最佳答案

lang属性指定元素内容的语言。其他一切都取决于用户代理。网站管理员。

使用示例:

  • 一个screen reader可以使用它来使用适当的发音
  • 浏览器可以使用它来使用 syllabification
  • 搜索引擎可以使用它来查找相关内容
  • 网站管理员可以使用它来相应地设置内容样式,例如使用正确的 quotation marks对于 q元素与 CSS 的 quotes

默认情况下,用户代理绝不应该隐藏不同语言的内容。想想这些例子:

  • <p lang="en">I met a nice guy there. His name was <span lang="de">Max Mustermann</span>.
  • <p lang="en">He said to me <q lang="de">Halt! Stopp!</q>.</p>
  • <p lang="en">The original title is <cite>Faust. Eine Tragödie.</cite>.</p>

当隐藏不同语言的内容时,它们会显示:

  • I met a nice guy there. His name was .
  • He said to me .
  • The original title is .

看来你是想用它来实现多语言页面。虽然这可以通过 JS/CSS 实现,但通常不是最好的方法。通常,您可能希望为每种语言使用单独的页面并将翻译与 link type alternate 链接起来。和相应的 hreflang :

<!-- on the page <example.com/en/about-me>, you could link to the German translation -->
<link rel="alternate" hreflang="de" href="/de/ueber-mich" />

关于HTML 5 lang 属性没有按预期工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16922822/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com