HTML AND ITSFUTURE

Created by / Alex Bondarev @skip405

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.

WHAT IS HTMLHTML is HyperText Markup Language

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>

SEMANTICS EXAMPLELet's take a look at one of the previous slides to better

understand the semantic usage of HTML tags

<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>

HTML5introduces the whole new level of semantics (which is

sometimes a bit harder to grasp)

new tags like <details>, <figure>, <section>, <main>,

etc.

DOMor Document Object Model, is an API that allows programs

and scripts to access the content of HTML documents.

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.

<google-map latitude="37.779" longitude="-122.3892" minZoom="9" maxZoom="11" fit></google-map

WEB COMPONENTS!!!

THE POWER OF WEB

COMPONENTS

THANKS FOR LISTENINGIt's high time to create our first web component