¿Para qué se utiliza el atributo “generado” en algunas tags HTML?

Lo vi usar en una etiqueta de etiqueta HTML, pero tengo la sensación de que se puede usar con la mayoría de las tags HTML. Puedo adivinar lo que significa. Pero tengo más curiosidad sobre cuál es el beneficio de usarlo. Intenté buscar alguna referencia en Google, pero no pude encontrar ninguna, así que vengo a ustedes, expertos. Gracias.

Ejemplo:

 

Puede usarlo como un gancho para JavaScript y / o CSS.

Por ejemplo…

CSS

 label[generated=true] { color: #ccc; } 

JavaScript

 var labels = document.getElementsByTagName('label'); for (var i = 0, length = labels.length; i < length; i++) { if (labels[i].getAttribute('generated') === 'true') { // Do something. } } 

A menudo se usa en elementos generados por JavaScript, como los elementos de label creados por el complemento jQuery Validation .

Puede usar jQuery para limpiar los elementos generados con ...

 $('*[generated=true]').remove(); 

Este es un atributo personalizado de datos o definido por el usuario . En su caso, se ha agregado para indicar un elemento que se generó en la página después de que se cargó, probablemente por JavaScript.

Es común ver otros atributos similares en aplicaciones web pesadas de UI / UX. Por lo general, sirven como ganchos entre las tecnologías: CSS, JavaScript, HTML, etc.

Tenga en cuenta que tales atributos no validan. Si está utilizando HTML5, puede prefijarlos con data- para evitar este problema (es decir data-generated="true" ). Obtenga más información sobre los atributos de datos personalizados en HTML5 .