Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Cách dùng thuộc tính translate toàn cục trong HTML5?

Thuộc tính translate (global attribute) chỉ định nội dung phần tử có nên được dịch bởi công cụ dịch (Google Translate, browser built-in) hay không.

Giá trị

Giá trị Mô tả
yes (mặc định)Cho phép dịch nội dung này.
noKhông dịch — giữ nguyên (tên riêng, mã code, brand...).

Ví dụ

<p translate="no">BrandName</p> <!-- Không dịch -->
<p>Nội dung này sẽ được dịch.</p>

Ứng dụng thực tế

  • Tên thương hiệu, tên riêng, thuật ngữ chuyên ngành: translate="no"
  • Mã code, command: <code translate="no">npm install</code>
  • Địa chỉ, số điện thoại: <address translate="no">...</address>
  • Kết hợp <html lang="vi"> để công cụ dịch biết ngôn ngữ gốc.

Lưu ý

  • Kế thừa: con kế thừa translate từ cha (trừ khi ghi đè).
  • Không phải mọi công cụ dịch đều tuân thủ (Google Translate tuân thủ).
  • Dùng class="notranslate" (Google) làm bổ sung.