HTML Templates – These let you define fragments of markup that stay consistent across web pages with the ability to inject dynamic content using JavaScript. Custom Elements – These enable developers to create their own elements that are relevant to their design as part of the DOM structure with the ability to style/script them just like any other HTML tag. Web components are made up of four different specifications: These components can not only be shared across a single web application but can also be distributed on the web for use by others. Web Components provide a paradigm shift from the traditional approach of web design by fundamentally changing the way we build and conceive web apps.Įach component lives in its self-defined encapsulated unit with corresponding style and behavior logic. Web components are a collection of specifications that enable developers to create their web applications as a set of reusable components. The W3C aims to address this problem by introducing Web Components. As a result, we fall back to traditional tags like div or span. The available list of semantic tags are simply not enough to target the wide variety of components that constitute our design. To distinguish them from each other, we use classes, IDs, or other attributes. We have too many similar components in our web page that fall under the same semantic structure. 
Much has been discussed about the semantic value of HTML5 tags but they still fall short of providing a meaningful markup, mainly because of two reasons:
This is largely due to the indiscriminate usage of div(s) and span(s) in your markup that results into an unmanageable code.
#Toweb tuto code
As the application scales over a period of time, it becomes harder to maintain the code and make enhancements.įor instance, take a look at the frontend code of these few popular websites:ĭeveloper tools may not necessarily indicate the complexity of the actual source code, but this surely gives you an insight into the complex DOM structure of modern web applications. Given the range of tools involved, amount of testing required, and the combination of libraries/frameworks used, the development process has become harder. Modern web applications are not only complex to design but also quite difficult to develop.
0 kommentar(er)
