What is the translate attribute in HTML?

Overview

In HTML, the translate attribute is used to identify whether the text content of an element can be translated to another language or not after web page localization.

Syntax

<div translate="yes">Hello</div>

Parameters

The translate attribute takes two values:

  • yes: This tells that the content of the element can be translated.

  • no: This tells that the content of the element should not be translated.

Example

<html>
 <head>
 </head>
 <body>
   <footer>
    <small>&#169; 2022 <span translate="no">Educative.io</span></small>
  </footer>
 </body>
</html>

Explanation

Lines 5-7: We create a footer section and add a span element that contains the name of the brand inside it. Because there is no need to translate the name of the brand or product while localizing a website, we add the translate="no" tag to the span element. This makes sure that the content of the span element is not translated when the web page is translated to other languages using the translation tool.

Note: The translate attribute is newly added in HTML5.

Free AI Mock Interviews
Coding Interview
Coding PatternsFree Interview
Gain insights and practical experience with coding patterns through targeted MCQs and coding problems, designed to match and challenge your expertise level.
System Design
You TubeFree Interview
Learn to design a video streaming platform like YouTube by tackling functional and non-functional requirements, core components, and high-level to detailed design challenges.

Free Resources

License: Creative Commons-Attribution-ShareAlike 4.0 (CC-BY-SA 4.0)