web componentes

[quico5]

Me gustaria tener mis propias etiquetas para usar en determinados casos, parece que html5 lo permite...

<media-objet>
<img src="" alt="">
<media-body></media-body>
</media-objet>

<grid-row>
<grid-cell>Celda 1</grid-cell>
<grid-cell>Celda 2</grid-cell>
</grid-row>

<input-addpons>
<label>…</label>
<input>
</input-addpons>

<sticky-footer>
<header></header>
<sticky-body></sticky-body>
<footer></footer>
</sticky-footer>

<nav-bar>
<a></a>
</nav-bar>

<tab-bar>
<a></a>
</tab-bar>

http://octuweb.com/introduccion-web-components

[ZoroRoronoa]

y cuales son tus dudas?
Claro que se puede:

http://www.html5rocks.com/en/tutoria...ustomelements/

[quico5]

Gracias por responder ZoroRoronoa

Mi Javascript es bastante pobre para controlar el HTML5

Hasta donde he leido el primer requisito es el guión alto para distingirlo como una etiqueta personalizada.

Despues he visto 3 variantes:

Código HTML:

var XFoo = document.registerElement('x-foo');
document.body.appendChild(new XFoo());

//Que me parece similar a:

//Compativilidad para IE6-7-8
document.createElement("section");

Código HTML:

//Esta se me hace mas estraña
var MegaButton = document.registerElement('mega-button', {
  prototype: Object.create(HTMLButtonElement.prototype),
  extends: 'button'
});

Código HTML:

//Creo que esta podria ser la mas practica para heredar caracteristicas
var mediaObject = document.createElement('div', 'media-object');

[PHPeros]

¿Has probado a usar XSLT?

[quico5]

Gracias PHPeros, pero no me suena, buscando información de XSLT...

https://www.google.es/search?q=XSLT&...SLT&lr=lang_es

[PHPeros]

Oh, nada, ignórame


Miraté esta librería para componentes.


P.S: Realmente me parece bastante absurdo extender el HTML, si fue creado de esa forma será para utilizarlo Para formatos alternativos existe XML, que lo puedes transformar fácilmente a HTML con lo que te dije antes.

[quico5]

Gracias PHPeros, creo que me recomiendas el proyecto de google, viera tambien el de firefox

yo solo buscaba tener alguna etiqueta propia para mi propio framework de HTML, simples contenedores, sin funcionalidad, para hacer el HTML mas legible, solo en casos puntuales, en general HTML5 es perfecto

aunque a lo mejor me salgo mucho de lo adecuado y queda en mala practica...