Programación

¿Qué hay de nuevo en HTML5? 9 elementos que necesitas saber

¿Qué hay de nuevo en HTML5? 9 elementos que necesitas saber / Programación

HTML5 es lo último y lo mejor. ¿Qué es HTML5, y cómo cambia la forma en que navego? [MakeUseOf explica] ¿Qué es HTML5, y cómo cambia la forma en que navego? [MakeUseOf Explica] En los últimos años, es posible que hayas escuchado el término HTML5 de vez en cuando. Ya sea que sepa algo sobre desarrollo web o no, el concepto puede ser un tanto nebuloso y confuso. Obviamente, ... Leer más versión del lenguaje de marcado más utilizado en la web. Hay algunos cambios importantes con respecto a la última versión del lenguaje, y si no los estás usando, te estás perdiendo alguna funcionalidad realmente genial..

No tenemos espacio para cubrir todos los elementos nuevos en la quinta versión de HTML, pero estos nueve son algunos de los más importantes. Para obtener más información sobre los nuevos elementos y API en HTML5, asegúrese de visitar W3Schools.

Una introducción a los elementos semánticos

Como gran parte de Internet, HTML5 ha cambiado para centrarse en la semántica. Ahora, en lugar de utilizar simplemente etiquetas para el formateo, también se utilizan para indicar a los buscadores y motores de búsqueda Los 7 motores de búsqueda semánticos principales como alternativa a Google Los 7 motores de búsqueda semánticos principales como alternativa a Google Más información sobre el significado de lo que rodean.

Por ejemplo,

simplemente le dice a un navegador que contiene un párrafo.

, que discutiremos momentáneamente, le dice a un navegador que contiene el contenido principal de la página.

La web semántica aún se está desarrollando, y solo hemos empezado a arañar la superficie de lo que puede hacer. HTML5 está ayudando a generar un marcado semántico Qué es el marcado semántico y cómo cambiará Internet para siempre [Explicación de la tecnología] Qué es el marcado semántico y cómo cambiará Internet para siempre [Explicación de la tecnología] Lea más en una parte mucho más grande de Internet, Y eso solo puede ser bueno para el futuro del procesamiento semántico..

1.

los

etiqueta define “Contenido independiente y autónomo..” El ejemplo más sencillo es, por supuesto, un artículo. Para este artículo en particular, abriríamos la etiqueta antes de la introducción y la cerraríamos después de la conclusión.

 Todo el texto en su sección autocontenida..

Pero también hay otras formas en que puedes usarlo. Por ejemplo, muchos blogs de cocina incluyen historias personales sobre cómo surgió una receta o por qué es importante para el escritor. Luego es seguido por la receta en sí. Podrías argumentar que cada uno de estos elementos podría estar solo..

En un foro, cada publicación o hilo podría considerarse autónomo, y cada uno podría marcarse con su propia

etiqueta. En su mayor parte, se utilizará en el contenido principal de una página. Pero ten en cuenta que también puedes usarlo de manera más creativa..

2.

Relacionado cercanamente a

es
. Esto define un “Agrupación temática de contenidos, típicamente con un encabezado..” Asi que
estará dentro
… derecho?

No necesariamente. W3 señala que depende de la estructura de su sitio. Es posible que tenga contenido independiente en diferentes secciones de su página (por ejemplo, piense en la página principal de un sitio de noticias). Entonces podrías tener secciones dentro de ese artículo.

 
 
Por qué necesitas un DAC
 
Todo suena mejor.
 
 
 
Cómo configurar un DAC
 
Esto es lo que necesitas hacer ...

Incluso puedes tener secciones dentro de las secciones si se ajusta a tu página. Recuerda que una sección es simplemente una “agrupación temática de contenidos,” y encontrarás muchos lugares para usarlo..

3.

Este elemento “debe ser utilizado como un contenedor de contenido introductorio.” En resumen, es la parte de su página que ayuda a las personas a entender lo que están por leer..

Pero no se deje engañar: puede usar este contenedor más de una vez. Por ejemplo, puede usarlo para identificar el título de la página y el párrafo introductorio de la publicación de su blog. Pero también puede usarlo para marcar el contenido introductorio de cada sección, así como.

 
 
Todo lo que necesitas saber sobre los DAC
 
Aquí hay una introducción útil a los DAC ... 
 
 El resto de tu artículo va aquí..

Las secciones de encabezado suelen contener al menos una etiqueta de encabezado: H1, H2, etc. No tienen que hacerlo, pero en general, si está usando una etiqueta de encabezado, hay una buena apuesta que está incluyendo el contenido del encabezado.

4.

W3 dice que las etiquetas de pie de página suelen contener el “autor del documento, información de copyright, enlaces a los términos de uso, información de contacto, etc..” Puedes considerarlo como el “gestión interna” cosas.

La documentación también indica que puede tener más de una sección de pie de página en su página. Sin embargo, es probable que sea una buena idea mantener toda esta información en un solo lugar..

5.

Esta etiqueta contiene los enlaces de navegación para una página determinada. Tenga en cuenta que solo la sección de navegación obtiene esta etiqueta, no todos los enlaces de su página. Es para barras de navegación y herramientas similares..

Esta es una etiqueta muy simple, eso es todo lo que hay que hacer. Úselo para definir la sección de navegación, y no lo use de nuevo en su página..

6.

Uno de los elementos nuevos más interesantes en HTML5 es el aparte. W3 le da la definición algo inútil de “Algún contenido aparte del contenido en el que está colocado..”

En resumen, un aparte es todo lo relacionado con (pero separado de) la información que lo rodea. Podría ser una barra lateral que agregue detalles a su contenido. Cuando se usa dentro de un conjunto de

etiquetas, proporciona información adicional que no es necesaria para la comprensión del contenido principal.

Por ejemplo, si hubiéramos incluido una barra lateral en este artículo que proporcione información sobre la historia de HTML5, eso sería un hecho aparte..

Pero el