HTML5 translate Attribute

The translate attribute in HTML is used to specify whether the content of an element is translated or not. This attribute is new in HTML5.

Supported Tags: It supports all HTML elements.

Syntax:

<element translate = "yes|no">

Attribute Values: The translate attribute contains two values which are listed below:

yes: This attribute is used to specify that the content of an element can be translated.
no: This attribute is used to specify that the content of an element can not be translated.

Example: In this example we demonstrates the translate attribute. The first paragraph is marked with translate="no", preventing translation, while the second paragraph remains translatable. The page features centered text.

html

<!DOCTYPE html>
<html>

<head>
    <title>translate attribute</title>
    <style>
        body {
            text-align: center;
        }

        h1 {
            color: green;
        }
    </style>
</head>

<body>
    <h1>GeeksforGeeks</h1>
    <h2><strong>translate attribute</strong></h2>
    <p translate="no">Don't translate this!</p>

    <p>This can be translated to any language.</p>

</body>

</html>

Output:

Supported Browsers:

HTML5 translate Attribute

Explore