ใช้แอตทริบิวต์ lang เพื่อระบุภาษาของเนื้อหาองค์ประกอบใน HTML ช่วยให้เบราว์เซอร์ โปรแกรมอ่านหน้าจอ และเครื่องมือแปลภาษาทำงานได้ถูกต้อง
ตัวอย่าง
ลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ lang:
<!DOCTYPE html>
<html lang="en">
<body>
<h2>English</h2>
<p lang="en">This is demo text</p>
<h2>French</h2>
<p lang="fr">Ceci est un texte de démonstration</p>
<h2>Spanish</h2>
<p lang="es">Este es un texto de demostración</p>
<h2>Thai</h2>
<p lang="th">นี่คือข้อความสาธิต</p>
<h2>Japanese</h2>
<p lang="ja">これはデモテキストです</p>
</body>
</html>
รหัสภาษาที่ใช้บ่อย (ISO 639-1)
| รหัส | ภาษา |
|---|---|
en | English |
th | Thai |
ja | Japanese |
ko | Korean |
zh | Chinese |
fr | French |
de | German |
es | Spanish |
ru | Russian |
ar | Arabic |
hi | Hindi |
การใช้งานระดับต่างๆ
1. ระดับเอกสาร (แนะนำให้มีเสมอ)
<html lang="th">
2. ระดับองค์ประกอบ (สำหรับเนื้อหาภาษาต่างประเทศ)
<p>He said: <span lang="fr">Bonjour</span> to everyone.</p>
<blockquote lang="ja">
<p>これは日本語の引用です。</p>
</blockquote>
ประโยชน์ของการระบุ lang
- Accessibility: Screen readers เลือกเสียง/การออกเสียงที่ถูกต้อง
- Translation: Google Translate และเครื่องมือแปล ทราบว่าส่วนไหนไม่ควรแปล
- SEO: Search engines เข้าใจภาษาของเนื้อหา
- Typography: เบราว์เซอร์เลือก Font, Line-breaking, Quotes ที่เหมาะสม
- Spell check: ตรวจสะกดคำตามภาษาที่ถูกต้อง
แอตทริบิวต์ที่เกี่ยวข้อง: translate
<p translate="no">BrandName</p> <!-- ไม่ให้แปล -->
<p translate="yes">This should be translated</p> <!-- ให้แปล (ค่าเริ่มต้น) -->
