在html中,lang是一個全域屬性,可規定元素內容的語言,語法「
」;一般用在「」標籤中,可聲明目前頁面的語言類型。
本教學操作環境:windows7系統、HTML5版、Dell G3電腦。
html lang 屬性規定元素內容的語言。
在 HTML5 中, lang 屬性可用於任何的 HTML 元素 (即全域屬性)。
語法:<element></element>
language_code 規定元素內容的語言代碼。語言代碼參考手冊。 語言代碼參考手冊
lang屬性一般在「」標籤中使用,可宣告目前頁面的語言類型。
HTML中html元素的lang屬性的說明
#我剛開始學習HTML的時候,關於基本的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、我們都知道,如果你在中國,本地瀏覽器的預設語言是中文,當當我們打開一個外國網站時,瀏覽器會提示”是否將網頁內容翻譯成中文”,如下圖
檢查一下該網頁的源代碼,發現lang=”en”
4、登入幾個中國的本土網站,發現原始碼中並沒有寫lang屬性,也沒有翻譯的提示
#5、搜尋引擎首先自己無法判斷自己抓取的頁面中的內容是什麼語言,因為在它看來都是二進位文件,那麼這時就需要我們告訴它這個頁面中的內容是什麼語言,進而它才能知道下一步該幹嘛,也就是說,當你把lang設置為” en」時,無論你網頁中是什麼語言的內容,在它看來都是英語,如果本地瀏覽器的預設語言不是英語,就會提示上面的選項,問您是否需要翻譯。這個在瀏覽器的設定中可以清楚地看到:
總結:
1、搜尋引擎無法判斷頁面中的內容是什麼語言,需要人們告訴它(這裡也體現出語義化的特點,即機器本身什麼都不懂,我們需要告訴它這是什麼,並且當我們告訴它這是什麼後,我們也必須按照這個規則去做,要不將lang設定為”en”,但是我們卻在網頁中使用中文語言內容,這很大程度上會對機器進行幹擾,進而乾擾到使用者的正常體驗,這樣做就毫無意義。)
2、瀏覽器會將讀取的頁面語言和本機語言進行比較判斷,如果一致,不做處理,否則提示是否需要翻譯(當然前提是使用者勾選了這個功能,chrome預設勾選)
推薦教學:《html影片教學》
以上是html lang屬性有什麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

React是構建交互式前端體驗的首選工具。 1)React通過組件化和虛擬DOM簡化UI開發。 2)組件分為函數組件和類組件,函數組件更簡潔,類組件提供更多生命週期方法。 3)React的工作原理依賴虛擬DOM和調和算法,提高性能。 4)狀態管理使用useState或this.state,生命週期方法如componentDidMount用於特定邏輯。 5)基本用法包括創建組件和管理狀態,高級用法涉及自定義鉤子和性能優化。 6)常見錯誤包括狀態更新不當和性能問題,調試技巧包括使用ReactDevTools和優

React是一個用於構建用戶界面的JavaScript庫,其核心是組件化和狀態管理。 1)通過組件化和狀態管理簡化UI開發。 2)工作原理包括調和和渲染,優化可通過React.memo和useMemo實現。 3)基本用法是創建並渲染組件,高級用法包括使用Hooks和ContextAPI。 4)常見錯誤如狀態更新不當,可使用ReactDevTools調試。 5)性能優化包括使用React.memo、虛擬化列表和CodeSplitting,保持代碼可讀性和可維護性是最佳實踐。

React通過JSX與HTML結合,提升用戶體驗。 1)JSX嵌入HTML,使開發更直觀。 2)虛擬DOM機制優化性能,減少DOM操作。 3)組件化管理UI,提高可維護性。 4)狀態管理和事件處理增強交互性。

React組件可以通過函數或類定義,封裝UI邏輯並通過props接受輸入數據。 1)定義組件:使用函數或類,返回React元素。 2)渲染組件:React調用render方法或執行函數組件。 3)復用組件:通過props傳遞數據,構建複雜UI。組件的生命週期方法允許在不同階段執行邏輯,提升開發效率和代碼可維護性。

React嚴格模式是一種開發工具,可通過激活其他檢查和警告來突出反應應用中的潛在問題。它有助於識別遺產代碼,不安全的生命週期和副作用,鼓勵現代反應實踐。

本文討論了React的對帳過程,詳細介紹了它如何有效地更新DOM。關鍵步驟包括觸發對帳,創建虛擬DOM,使用擴散算法以及應用最小的DOM更新。它還覆蓋了經家


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

MantisBT
Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

ZendStudio 13.5.1 Mac
強大的PHP整合開發環境

SublimeText3漢化版
中文版,非常好用

Atom編輯器mac版下載
最受歡迎的的開源編輯器