Jesús Ramoni Blogger

Elementos semánticos  HTML5 ❮ Anterior Siguiente ❯ La semántica es el estudio de los significados de las palabras y frases en un idioma. Elementos semánticos = elementos con un significado. ¿Qué son los elementos semánticos? Un elemento semántico describe claramente su significado tanto para el navegador como para el desarrollador. Ejemplos de  elementos  no semánticos  : <div> y <span>: no dice nada sobre su contenido. Ejemplos de  elementos  semánticos  : <form>, <table> y <article>: define claramente su contenido. Soporte del navegador Yes Yes Yes Yes Yes Los elementos semánticos HTML5 son compatibles con todos los navegadores modernos. Además, puedes "enseñar" a navegadores más antiguos cómo manejar "elementos desconocidos". Lea sobre esto en  Soporte HTML5 del navegador  . Nuevos elementos semánticos en HTML5 Muchos sitios web contienen código HTML como: <div id = "nav"> <div c

Nuevos elementos  HTML5 ❮ Anterior Siguiente ❯ Nuevos elementos en HTML5 A continuación hay una lista de los nuevos elementos HTML5 y una descripción de para qué se usan. Nuevos elementos semánticos / estructurales HTML5 ofrece nuevos elementos para una mejor estructura del documento: Tag Description <article> Defines an article in a document <aside> Defines content aside from the page content <bdi> Isolates a part of text that might be formatted in a different direction from other text outside it <details> Defines additional details that the user can view or hide <dialog> Defines a dialog box or window <figcaption> Defines a caption for a <figure> element <figure> Defines self-contained content <footer> Defines a footer for a document or section <header> Defines a header for a document or section <main> Defines the main content of a document <mark> Defines marked/highlighted text <me

Soporte de  navegador  HTML5 ❮ Anterior Siguiente ❯ Puede enseñar navegadores antiguos para manejar HTML5 correctamente. Soporte de navegador HTML5 HTML5 es compatible con todos los navegadores modernos. Además, todos los navegadores, antiguos y nuevos, manejan automáticamente elementos no reconocidos como elementos en línea. Debido a esto, puede "enseñar" navegadores antiguos a manejar elementos HTML "desconocidos". Incluso puede enseñar IE6 (Windows XP 2001) cómo manejar elementos HTML desconocidos. Definir elementos semánticos como elementos de bloque HTML5 define ocho nuevos  elementos  semánticos  .  Todos estos son  elementos de  nivel de bloque  . Para asegurar el comportamiento correcto en los navegadores más antiguos, puede configurar la  propiedad de  visualización de  CSS  para  bloquear  estos elementos HTML  : header, section, footer, aside, nav, main, article, figure  {     display :  block ;   } Agregar nuevos element