Foro de elhacker.net

Se pueden crear tus propias etiquetas html??  :huh: :huh: :huh:

si, no romperá el codigo y no se verán los <palabra> pero si el contenido, esto se usa por ejemplo para plugins, aunque es preferible que uses clases e ids

Pero que uso le puedes dar? Por ejemplo?

css y selectores en jscript... nada diferente que para lo que el atributo class está diseñado... por eso no es muy util más que para hacer plugins facil de usar para usuarios

ohhh ya entiendo... Es muy usual? O simplemente util?

ni lo uno, ni lo otro XD normalmente la gente se tiende a apegar a los standard y se ve como mala practica

Esto mismo, html es increiblemente personalizable, y todo ese tipo de etiquetas son propias de gente que hace sus propios plugins para "extender" la capacidad de html en sus diferentes sabores, pero realmente utilizar ese tipo de rutinas en ambientes diferentes al que se ha utilizado se ve con malos ojos pues cuenta con poco soporte, documentación y apoyo por parte de comunidades, ya que ese tipo de plugins y extensiones son aplicadas a sus propios proyectos de trabajo.

Yo no te recomendaría hacerlo. Va en contra de cualquier estandard y prácticamente ningún navegador le va a dar soporte (lo tomaran como un elemento con block sin más). De hecho no hay motivo para hacerlo, los selectores (tanto css como js) se han vuelto bastante poderosos en ese sentido. Si quieres tener atributos personalizados, puedes crear un div y darle de atributo data-* donde * seria el nombre del atributo.

Por ejemplo:

<ul>
    <li class='item' data-precio='5' data-pais='es'>Peluche de España</li>
    <li class='item' data-precio='7' data-pais='us'>Peluche de Estados Unidos</li>
    <li class='item' data-precio='5' data-pais='jp'>Peluche de Japon</li>
</ul>

Luego con selectores puedes seleccionar elementos específicos por atributo. Por ejemplo, si solo quiero hacer target a los items con un precio de 5, lo que haría seria:

CSS

.item[data-precio="5"] { 
    background: green;
}

o con javascript

function resaltarPrecio() {
    var items = document.querySelectorAll('.item[data-precio="5"]');
 
    items.forEach(function(current){
        current.style.backgroundColor = 'green';
    });
};

Si quieres saber más sobre los data attributes, tienes la MDN.
https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes

Aun así, si quieres utilizar nombres propios, puedes leerte esto:
https://www.w3.org/TR/custom-elements/

Saludos

Cabe decir que AngularJS (por ejemplo) sí que utiliza intensivamente esta capacidad del HTML de personalizar tags. Pero la idea es que cuando inventas un tag, le das una traducción a tags estandarizados. Las directivas de Angular. No sé si el 2 también, pero lo más seguro.

Y también decir que lo que se decía que iba a ser lo último en la web, Polymer, se basa mucho (no sé si todo incluso) en esto, en tags personalizados con mucha más potencia que los estándar.

Creo que es por esto que no se recomiendan usar, porque se reservan para que Polymer, cuando se vaya estandarizando, se imponga. Pero vaya, era lo que se decía, no sé si esto habrá cambiado.

En todo caso, se recomienda que se prefijen. Por ejemplo, si los quiero denominar como "Mis Tags Personalizados", vale la pena empezar los tags con: mtp-*.

Pero bueno, en cualquier caso, si te lo planteas enserio, mejor corroborarlo antes, no fuera que esté metiendo la pata...

Saludos!

Buenas tardes compañero,
En mi caso particular es muy útil, trabajo con un framework java el cual "pinta" el html segun unas necesidades / atributos, debido a la naturaleza y ciclo de vida de este framework un desarrollador podria escribir por ejemplo la etiqueta html:


Internamente yo recupero esa etiqueta, hago un decode de los atributos y segun estos puedo "pintar" una etiqueta mas personalziada a las necesidades.


Este es un ejemplo muy sencillo, pero se ve la potencia que tiene, pues con una simple etiqueta <algo> podrías sustituirlo por una estructura tan compleja como quisieras, o incluso recuperar atributos de la session del usuario, detectar si es un dispositivo movil, pc etc (todo esto en servidor) y dar una respuesta más optimizada, por ejemplo a la hora de devolver una imagen.

Espero haber podido explicarme.
Un saludo.

Te seré honesto... Está bien tener la iniciativa de personalizar, pero no es muy recomendable en este caso, tendrás problemas tediosos por los navegadores, no tienen soporte para esto. Usa las etiquetas que tiene, si quieres personalizarlo un poco más, puedes usar algún framework que amplíe su funcionalidad. Es mejor trabajar con los estándares, por cuestiones de compatibilidad. Espero que te haya sido útil mi respuesta :pppp