Html and its future
0 likes•309 views
HTML provides semantic tags that describe the meaning of content on webpages. These tags include <p> for paragraphs, <a> for links, and <h1> for main headings. HTML5 introduced new semantic tags like <section> and <figure> to further reinforce the meaning of different types of content. The Document Object Model (DOM) allows programs to access and manipulate HTML documents and content. Web components use newer technologies like shadow DOM to encapsulate different functional areas and allow reusability on webpages.
Html and its future
- 1. HTMLANDITS FUTURECreated by /Alex Bondarev @skip405
- 2. REASONS 1. There are other tags than <div>and <table> 2. Backend devs are unlikely to know what is going on in the world of front-end.
- 3. WHATISHTML HTML is HyperText Markup Language
- 4. SEMANTICS suggests using the HTML markup to reinforce the meaning, of the information in webpages rather than merely to define its presentation or look Each tag should be used to markup the pieces of text it was designed for <p>, <a>, <h1>, <blockquote>, <img>
- 5. SEMANTICSEXAMPLE Let's take a look at one of the previous slides to better understand the semantic usage of HTML tags
- 8. HTML5 introduces the whole new level of semantics (which is sometimes a bit harder to grasp) new tags like <details>, <figure>, <section>, <main>, etc.
- 9. DOM or Document Object Model, is an API that allows programs and scripts to access the content of HTML documents.
- 10. SHADOWDOM Method of establishing and maintaining functional boundaries between DOM trees and how these trees interact with each other within a document, thus enabling better functional encapsulation within the DOM.
- 13. THANKSFORLISTENING It's high time to create our first web component