Download - Html and its future
![Page 1: Html and its future](https://reader035.vdocument.in/reader035/viewer/2022071821/55b71a90bb61eb1e288b45a3/html5/thumbnails/1.jpg)
HTML AND ITSFUTURE
Created by / Alex Bondarev @skip405
![Page 2: Html and its future](https://reader035.vdocument.in/reader035/viewer/2022071821/55b71a90bb61eb1e288b45a3/html5/thumbnails/2.jpg)
REASONS1. There are other tags than <div> and <table>
2. Backend devs are unlikely to know what is going on in theworld of front-end.
![Page 3: Html and its future](https://reader035.vdocument.in/reader035/viewer/2022071821/55b71a90bb61eb1e288b45a3/html5/thumbnails/3.jpg)
WHAT IS HTMLHTML is HyperText Markup Language
![Page 4: Html and its future](https://reader035.vdocument.in/reader035/viewer/2022071821/55b71a90bb61eb1e288b45a3/html5/thumbnails/4.jpg)
SEMANTICSsuggests 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 thepieces of text it was designed for
<p>, <a>, <h1>, <blockquote>, <img>
![Page 5: Html and its future](https://reader035.vdocument.in/reader035/viewer/2022071821/55b71a90bb61eb1e288b45a3/html5/thumbnails/5.jpg)
SEMANTICS EXAMPLELet's take a look at one of the previous slides to better
understand the semantic usage of HTML tags
![Page 6: Html and its future](https://reader035.vdocument.in/reader035/viewer/2022071821/55b71a90bb61eb1e288b45a3/html5/thumbnails/6.jpg)
![Page 7: Html and its future](https://reader035.vdocument.in/reader035/viewer/2022071821/55b71a90bb61eb1e288b45a3/html5/thumbnails/7.jpg)
<section> <h2>What is HTML</h2> <p><dfn><abbr>HTML</abbr></dfn> is <b>H</b>yper<b>T</b>ext <b>M</b>arkup <b>L</b>anguage</section>
![Page 8: Html and its future](https://reader035.vdocument.in/reader035/viewer/2022071821/55b71a90bb61eb1e288b45a3/html5/thumbnails/8.jpg)
HTML5introduces the whole new level of semantics (which is
sometimes a bit harder to grasp)
new tags like <details>, <figure>, <section>, <main>,
etc.
![Page 9: Html and its future](https://reader035.vdocument.in/reader035/viewer/2022071821/55b71a90bb61eb1e288b45a3/html5/thumbnails/9.jpg)
DOMor Document Object Model, is an API that allows programs
and scripts to access the content of HTML documents.
![Page 10: Html and its future](https://reader035.vdocument.in/reader035/viewer/2022071821/55b71a90bb61eb1e288b45a3/html5/thumbnails/10.jpg)
SHADOW DOMMethod of establishing and maintaining functional
boundaries between DOM trees and how these treesinteract with each other within a document, thus enabling
better functional encapsulation within the DOM.
![Page 11: Html and its future](https://reader035.vdocument.in/reader035/viewer/2022071821/55b71a90bb61eb1e288b45a3/html5/thumbnails/11.jpg)
<google-map latitude="37.779" longitude="-122.3892" minZoom="9" maxZoom="11" fit></google-map
WEB COMPONENTS!!!
![Page 13: Html and its future](https://reader035.vdocument.in/reader035/viewer/2022071821/55b71a90bb61eb1e288b45a3/html5/thumbnails/13.jpg)
THANKS FOR LISTENINGIt's high time to create our first web component