Is Web Components the future of Web?

Web Component status

'[data-my-widget]'

el.innerHTML = '<div data-my-widget></div>';

$(el).find('[data-my-widget]').myWidget();

 Go

Web Component generation

el.innerHTML = '

  ';

document.createElement('input''div')

= '<input type="text" value="foobar" />''input').value;

input.setAttribute('value', 'Foobar'input.value === 'Foobar'; 

<! -Use an input to implement complex calendar functions --> <input type = "date"/> dateInput. children. length = 0;

123

0, 0, 0, 0.5

 MyElement = document.register('my-element'

document.create('my-element'= '<my-element />''my-element');

'my-element'.innerHTML = '





 shadow = = '





helloworld

Hello world'.

Shadow = "I" label: ''<content select =" I "/> ';


 shadow = ="<style>span { color: green }</style>" +"<span>I'm green</span>"

<my-element /><span>I'm not green</span>




 shadow = = 'Hello <em part="world">World</em>'

my-