Semántica en HTML5
•
3 recomendaciones•779 vistas
Este documento discute la semántica en HTML5. Explica que las etiquetas semánticas como <header>, <footer>, <nav> y <main> describen mejor el significado y propósito de un elemento que las etiquetas no semánticas como <div>. También presenta los nuevos elementos semánticos introducidos en HTML5 como <article>, <section>, <figure> y <figcaption>.
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Destacado
Similar a Semántica en HTML5
Similar a Semántica en HTML5 (20)
Más de Software Guru
Más de Software Guru (20)
Último
Último (12)
Semántica en HTML5
- 1. www.sgcampus.com.mx @sgcampus www.sgcampus.com.mx @sgcampus Marco Mérida (@zerma) Semántica en HTML5
- 4. www.sgcampus.com.mx @sgcampus Esto no es semántico <div id="header"> <div id="footer"> <div id="div_1"> Esto es semántico <header> <footer> <main> La estructura debe ser comprensible para desarrolladores y navegadores
- 7. www.sgcampus.com.mx @sgcampus <article> y <section> <section> </section> <article> </article> <article> </article>
- 8. www.sgcampus.com.mx @sgcampus <article> y <section> <article> </article> <section> </section> <section> </section>
- 9. www.sgcampus.com.mx @sgcampus <header> y <footer> <body> </body> <header> </header> <footer> </footer> <article> </article> <header> </header> <footer> </footer>
- 11. www.sgcampus.com.mx @sgcampus <main> y <aside> <body> </body> <main> </main> <aside> </aside>
- 12. www.sgcampus.com.mx @sgcampus <figure> y <figcaption> <body> </body> <figure> </figure> <img> <figcaption></figcaption>
- 13. www.sgcampus.com.mx @sgcampus <strong> y <em> <b> - <strong> <i> - <em>
- 14. www.sgcampus.com.mx @sgcampus Formularios <input type="text"> <input type="password"> <input type="submit"> <input type="radio"> <input type="checkbox"> <input type="button">
- 15. www.sgcampus.com.mx @sgcampus Formularios HTML5 <input type="color"> <input type="date"> <input type="range"> <input type="search"> <input type="email"> <input type="number"> <input type="tel"> <input type="url">
- 16. www.sgcampus.com.mx @sgcampus ¿Por qué usar elementos semánticos?
- 19. www.sgcampus.com.mx @sgcampus Internet Explorer < 8 no conoce semántica :(
- 22. www.sgcampus.com.mx @sgcampus ¿Por qué shiv?
- 25. www.sgcampus.com.mx @sgcampus www.sgcampus.com.mx @sgcampus Marco Mérida (@zerma) Semántica en HTML5