Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What is data-gr-c-s-loaded=“true” attribute added to my code

Tags:

html

css

I have a simple HTML code and I came across this in the body tag. I do not know from where this came ?

<body data-gr-c-s-loaded attribute="true">...</body>
like image 584
mercury Avatar asked Dec 12 '20 19:12

mercury


People also ask

What is the data-* attribute?

Definition and Usage The data-* attribute is used to store custom data private to the page or application. The data-* attribute gives us the ability to embed custom data attributes on all HTML elements.

What are custom data attributes in HTML5?

Custom Data Attributes allow you to add your own information to tags in HTML. Even though the name suggests otherwise, these are not specific to HTML5 and you can use the data-* attribute on all HTML elements. The data-* attributes can be used to define our own custom data attributes.

What are the requirements for an attribute name?

The attribute name should not contain any uppercase letters, and must be at least one character long after the prefix "data-" Note: Custom attributes prefixed with "data-" will be completely ignored by the user agent.

What are <a> and < href> attributes?

HTML attributes provide additional information about HTML elements. The <a> tag defines a hyperlink. The href attribute specifies the URL of the page the link goes to:


Video Answer


1 Answers

Do you use Grammarly? Grammarly adds this tag automatically.

It looks like it is the Grammarly 79 extension that adds that data attribute 34. Likely use for some internal check (like to verify it has loaded into the page).

See https://forum.freecodecamp.org/t/what-is-data-gr-c-s-loaded-true-attribute/373769

You can also check with if (document.body.dataset.newGrCSLoaded), which is the newest data attr for Grammarly if the user has Grammarly installed.

like image 143
Nikas music and gaming Avatar answered Oct 21 '22 17:10

Nikas music and gaming