美文网首页
HTML元素的lang属性的说明及详解

HTML元素的lang属性的说明及详解

作者: LRachel | 来源:发表于2021-10-16 17:48 被阅读0次

    今天翻看Bootstrap文档全局CSS样式时又看到这串代码

    // Bootstrap 使用到的某些 HTML 元素和 CSS 属性需要将页面设置为 HTML5 文档类型。
    在你项目中的每个页面都要参照下面的格式进行设置。
    <!doctype html>
    <html lang="en">
      ...
    </html>
    

    那么这个lang属性有什么作用

    <html lang="en">
    它主要是向搜索引擎表示该页面是html语言,并且语言为英文网站,其"lang"的意思就是“language”,语言的意思,而“en”即表示english。

    <html lang="en"></html> //英文
    <html lang="zh"></html> //中文
    <html lang="ja"></html> //日文
    ...
    <html lang="da"></html> //德文
    

    但是动手尝试一下,发现这个属性写不写,整个HTML文档显示没有任何影响。

    主要作用

    主要作用是告诉搜索引擎抓取的页面的内容是什么语言,比如,设置lang="en",无论你网页中到底是什么语言,它都认为是英语,不设置的话,在它看来就是二进制文件。

    优点

    如果本地浏览器默认语言和lang属性设置的不一致,浏览器就会自动弹出是否需要翻译


    相关文章

      网友评论

          本文标题:HTML元素的lang属性的说明及详解

          本文链接:https://www.haomeiwen.com/subject/wfsboltx.html