📌  相关文章
📜  带有 lang 的 html - Html (1)

📅  最后修改于: 2023-12-03 15:39:24.204000             🧑  作者: Mango

带有 lang 的 html - Html

在 HTML 中，我们可以使用 lang 属性来为网页指定语言类型。使用 lang 属性可以帮助搜索引擎正确的理解和分类页面的内容，同时也可以使辅助技术（如屏幕阅读器）更好的处理页面的语言。

语法

lang 属性可以应用在任何 HTML 元素上，通常是在 <html> 标签上。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>My Website</title>
  </head>
  <body>
    <header>
      <nav>
        <ul>
          <li><a href="#">Home</a></li>
          <li><a href="#">About</a></li>
          <li><a href="#">Contact</a></li>
        </ul>
      </nav>
    </header>
    <main>
      <h1>Welcome to my website</h1>
      <p>This is a sample paragraph</p>
    </main>
  </body>
</html>

在上述代码中，lang 属性被设置为 "en" 即英文。这会告诉浏览器和搜索引擎，页面的语言是英语。

可选值

lang 属性可以接受以下值：

  • lang="ar" 阿拉伯语
  • lang="bn" 孟加拉语
  • lang="zh" 中文
  • lang="fr" 法语
  • lang="de" 德语
  • lang="el" 希腊语
  • lang="hi" 印地语
  • lang="it" 意大利语
  • lang="ja" 日语
  • lang="ko" 朝鲜语
  • lang="ms" 马来语
  • lang="pt" 葡萄牙语
  • lang="ru" 俄语
  • lang="es" 西班牙语
  • lang="ta" 泰米尔语

以及其他语言的简称。

注意事项
  1. 在设置 lang 属性时，如果您设置了一个无法识别的语言，则会被视为无语言状态。
  2. 在将 lang 属性应用于 <html> 元素时，该语言将成为整个页面的默认语言。如果在页面中使用其他语言，则建议在该元素中设置该语言或在不同的元素中使用其他 lang 属性。
  3. lang 属性也可以应用于辅助技术（如屏幕阅读器）在语音合成时使用。

以上是关于在 HTML 中使用 lang 属性指定语言类型的介绍，希望对你有所帮助。