简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > html教學 > 主體

HTML中的lang屬性是幹嘛的呢？ HTML中的lang屬性有什麼作用呢？

寻∝梦
發布： 2018-08-15 17:48:34
原創
13129 人瀏覽過

HTML中的lang屬性是幹嘛的呢？ HTML中的lang屬性有什麼作用呢？這篇文章就為大家詳細的介紹一下HTML中的lang屬性的用途和語法

如下是一個HTML的基本格式：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body></body>
</html>
登入後複製

那麼究竟html標籤中的lang屬性是幹嘛的呢？為什麼要指定它的值是”en”或“zh-CN”呢？個人見解如下：

1.屬性lang是英語language的縮寫，意思是語言，”en”代表英語，”zh-CN”代表中文

2.在我自己的嘗試下，發現，其實不寫lang屬性，整個HTML文檔的顯示是沒有任何問題的

3.我們都知道，如果你在中國，本地瀏覽器的預設語言是中文，當我們打開一個外國網站時，瀏覽器會提示」是否將網頁內容翻譯成中文」

HTML中的lang屬性是幹嘛的呢？ HTML中的lang屬性有什麼作用呢？

#4登入幾個中國的本土網站，發現原始碼中並沒有寫lang屬性，也沒有翻譯的提示

5.搜尋引擎首先自己無法判斷自己抓取的頁面中的內容是什麼語言，因為在它看來都是二進位文件，那麼這時就需要我們告訴它這個頁面中的內容是什麼語言，進而它才能知道下一步該幹嘛，也就是說，當你把lang設定為」en」時，無論你網頁中是什麼語言的內容，在它看來都是英語，如果本機瀏覽器的預設語言不是英語，就會提示上面的選項，問您是否需要翻譯。這個在瀏覽器的設定中可以清楚地看到：

HTML中的lang屬性是幹嘛的呢？ HTML中的lang屬性有什麼作用呢？

總結：1.搜尋引擎無法判斷頁面中的內容是什麼語言，需要人們告訴它（這裡也體現出語義化的特點，即機器本身什麼都不懂，我們需要告訴它這是什麼，並且當我們告訴它這是什麼後，我們也必須按照這個規則去做，要么將lang設置為” en”，但是我們卻在網頁中使用中文語言內容，這很大程度上會對機器進行幹擾，進而乾擾到用戶的正常體驗，這樣做就毫無意義。） 

2.瀏覽器會將讀取的頁面語言和本機語言進行比較判斷，如果一致，不做處理，否則提示是否需要翻譯（當然前提是使用者勾選了這個功能，chrome預設勾選）

#HTML中的lang屬性的定義和用法：

lang 屬性規定元素內容的語言。

提示與註解：

註解：lang 屬性在下列標籤中無效：,
, ,

,
,

以上是HTML中的lang屬性是幹嘛的呢？ HTML中的lang屬性有什麼作用呢？的詳細內容。更多資訊請關注PHP中文網其他相關文章！

相關標籤：
HTML lang属性 HTML lang属性的作用
來源：php.cn
上一篇：html重置按鈕為什麼會沒有反應？ 下一篇：HTML中的caption屬性是什麼意思？ caption標籤在HTML中的用法（附實例）
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
Vue 開發工具中元件旁邊的效能數字是多少？ 有人對Vue開發工具中的某個功能有見解或資源嗎？在元件窗格上，它顯示了我的元件，然後是這些紅色和黃 色的小方塊，以及我假設的元件的效能。當我第一次載入應用程式時，它們不會出現，但例...
來自於 2023-11-09 14:46:48
0
1
305
未捕獲的類型錯誤：無法設定未定義的屬性（設定'innerHTML”） 我正在嘗試使用php創建一個網頁，在“連續文字框”類別（由我的類別定義）的元素上，單擊時必須啟動一個Javascript函數，該函數應該更改另一個函數的內容id“harta-mod...
來自於 2023-11-08 21:06:09
0
1
278
如何從 Pinia getter 有條件地解構物件屬性？ 我有以下商店：exportconstuseMyStore=defineStore('myStore',{state:()=>{return{openTransOnly:fal...
來自於 2023-11-08 17:47:18
0
1
275
解決Laravel-8中嘗試在null上讀取屬性"id"的問題 運行時出現此錯誤phpartisanmigrate:fresh--seed此命令將在MySQL資料庫中建立表，並將資料庫詳細資料DB_DATABASE填入.env檔中。 paren...
來自於 2023-11-08 14:07:01
0
2
155
修改App\Models\User::$profile的重載屬性間接修改無效 嘿，我正在使用laravel9，我的應用程式中的兩個模型之間存在關係：使用者和個人資料。 User模型與設定檔模型具有hasOne關係。當我嘗試從設定檔控制器執行更新方法時，出現錯...
來自於 2023-11-08 11:50:44
0
1
270
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！