HTML

HTML5

  • ¿Por qué HTML5?

  • Web Semántica

  • Metodología BEM

¿Por qué HTML5?

Estructura de la información

Search Engine Optimization

Web Semántica

<header></header>

<nav></nav>

<section></section>

<article></article>

<article></article>

<article></article>

<article></article>

<footer></footer>

Metodología BEM

Block

Element

Modifier

header
menu
article
footer
header title
menu item
article img
footer button
enabled
smaller
activated
clicked
article

Productos

Los productos ofrecidos por nuestra empresa puedes verlos aquí
article title
article link:activated
<article class="article">
	<h2 class="article-title">Productos</h2>
	<p class="article-description">
            Los productos ofrecidos por nuestra empresa puedes verlos
            <a href="/products" class="article-link article-link--activated">aquí</a>
        </p>
</article>

¡Gracias!

3er Little Meetup: HTML5

By John Fredy Baquero Celis