@TheSweet_Lari
Gamer,
future Suicide Girl
and Front-end Dev
Larissa Abreu
@LarissaAbreu larissaabreu.github.io
Slide 3
Slide 3 text
O que é Semântica?
Slide 4
Slide 4 text
https://pt.wikipedia.org/wiki/Sem%C3%A2ntica
Slide 5
Slide 5 text
Semântica no html
Pra quê?
Para quem?
ou melhor…
Slide 6
Slide 6 text
Desenvolvedores
Header
Main
Footer
Header
Main
Footer
Slide 7
Slide 7 text
Leitores de tela
Abrir
Conteúdo
Abrir
Conteúdo
https://www.w3.org/WAI/standards-guidelines/aria/
Slide 8
Slide 8 text
Custom Elements
Especificação da W3C
https://www.w3.org/TR/custom-elements/
Slide 9
Slide 9 text
class SevenMasters extends HTMLElement {
}
customElements.define(‘seven-masters', SevenMasters);
seven-masters.js
// WAI-ARIA
// HTML semântico
// conteúdo para SEO
Slide 10
Slide 10 text
index.html
Slide 11
Slide 11 text
No content
Slide 12
Slide 12 text
No content
Slide 13
Slide 13 text
No content
Slide 14
Slide 14 text
youtube.com/new
Slide 15
Slide 15 text
Custom
Elements
Everywhere
custom-elements-everywhere.com/