HTML5 Article es un elemento semántico HTML5 , similar a y . Se usa más comúnmente para contener información que puede distribuirse independientemente del resto del sitio o aplicación en la que aparece.
Funciones y uso
El elemento HTML5 representa una composición completa en una página web o aplicación web que se puede distribuir o reutilizar de forma independiente, por ejemplo, en la sindicación. Esto podría ser una publicación en un foro, una revista o un artículo de periódico, una entrada de blog, un comentario enviado por un usuario, un widget o gadget interactivo o cualquier otro elemento de contenido independiente. [1]
Ejemplos de
En su forma más básica, se puede usar para encapsular un cuerpo de texto y un título correspondiente así:
< artículo > < h2 > Insertar título aquí h2 > < p > Insertar un párrafo de texto aquí p > artículo >
Las entradas y los comentarios del foro se implementan normalmente mediante etiquetas anidadas :
< artículo > < encabezado > < h1 > Título de la entrada h1 > < p > Información del encabezado p > encabezado > < p > Contenido de la entrada ... p > < artículo > < encabezado > < h2 > Autor: John Smith h2 > < p > Información del comentario p > encabezado > < p > Texto del comentario ... p > artículo > < artículo > < encabezado > < h2 > Autor: Jane Johnson h2 > < p > Información del segundo comentario p > header > < p > Texto del comentario ... p > article > article >
Atributos
El elemento solo incluye los atributos HTML globales como contenteditable , id y title. [2] Sin embargo, pubdate , un atributo booleano opcional del
elemento, se usa a menudo junto con
. Si está presente, indica que el
elemento es la fecha en que
se publicó. Tenga en cuenta que pubdate se aplica solo al
elemento principal o al documento en su conjunto. [3]
Comparación con ón>
HTML5 introdujo tanto y
; ambas son etiquetas semánticas, que definen secciones en un documento, como capítulos, encabezados, pies de página. [4] El
elemento es efectivamente un tipo especializado
y tiene un significado más específico, refiriéndose a un bloque independiente y autónomo de contenido relacionado. [3] [5]
Ejemplos de anidación
Para organizar mejor el contenido independiente, las etiquetas se pueden anidar dentro de las
etiquetas:
< artículo > < h2 > Nombres de formas h2 > < p > Hay varios tipos diferentes de formas ... p > < sección > < h4 > Triángulos h4 > < p > Aquí hay información sobre triángulos p > section > < section > < h4 > Círculos h4 > < p > Estas maravillas en forma de Pi son fascinantes y ... p > section > article >
Por el contrario, en algún momento puede ser apropiado anidar un elemento dentro de un
elemento. Por ejemplo, en una página web que contiene varios artículos sobre diversos temas:
< sección > < h1 > Artículos sobre turismo en París h1 > < artículo > < h3 > La Torre Eiffel h3 > < p > De pie a más de 30 centímetros de altura ... p > artículo > < artículo > < h3 > El Louvre h3 > < p > Una visita obligada en el turismo de París ... p > artículo > sección >
Soporte del navegador
Los siguientes navegadores son compatibles con este elemento: [6]
- Escritorio
- Google Chrome 5.0 y superior
- Firefox 4.0 y superior
- Internet Explorer 9.0 y superior
- Safari 4.1 y superior
- Opera 11.1 y superior
- Móvil
- Android 2.2 y superior
- Firefox Mobile (Gecko) 4.0 y superior
- IE Mobile 9.0 y superior
- Safari Mobile 5.0 y superior
- Opera Mobile 11.0 y superior
Referencias
- ^ "Elemento de artículo HTML5 - W3C" . W3.org . Consultado el 8 de mayo de 2014 .
- ^ "El elemento Contenido del artículo" . Documentos web de MDN . Consultado el 9 de julio de 2018 .
- ^ a b "El elemento del artículo" . html5doctor.com . Consultado el 9 de julio de 2018 .
- ^ "La etiqueta de sección" . W3Schools . 2014-04-30 . Consultado el 8 de mayo de 2014 .[ fuente no confiable? ]
- ^ "HTML5: ¿Sección o artículo?" . Iandevlin.com . 2013-08-19 . Consultado el 8 de mayo de 2014 .
- ^ "Puedo usar ... Tablas de soporte para HTML5, CSS3, etc." . caniuse.com . Consultado el 9 de julio de 2018 .