TIL the global attribute translate

POSTED ON: Jun 17, 2022

translate tells the browser whether the content (its Text node children) should be translated when the page is localized, or whether to leave them unchanged.

A good use-case is if your brand has words that can be translated.

<!-- In English -->
<p>The Dog Company LLC</p>

<!-- In Spanish - default -->
<p>La Compañía de Perros LLC</p>

<!-- In Spanish - with fix -->
<p translate="no">The Dog Company LLC</p>

Related TILs

Tagged: html

TIL Gmail has a 102KB size-limit for HTML

PLACEHOLDER

Mar 05, 2023

TIL how Error correction works in HTML

You never get an 'Invalid Syntax' error on an HTML page. Browsers fix any invalid content and go on.

Feb 17, 2023

TIL what DOCTYPE means

tl;dr: DOCTYPE declaration in the first line of the HTML file, to instruct the browser to run the code in Standard mode.

Feb 15, 2023

Next: TIL add link decoration to help with accessibilityOne of the WCAG requirements is not to rely on color only when you want to distinguish a button or link from the rest of the text. Painting links in blue or another color doesn’t suffice since it still might not be visible for people with color blindness. The most typical method is underlining links; they can also appear in bold font.
Previous: TIL default spellcheck in htmlThe spellcheck is a global attribute that you can use to check spelling and grammar on HTML elements such as input fields and other editable elements.