Elemento del artículo

Un artículo HTML5 es un elemento semántico HTML5 , similar a y . Se utiliza con mayor frecuencia para contener información que puede distribuirse independientemente del resto del sitio o la aplicación en la que aparece. <section><header>

El elemento HTML5 <article> 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 sindicación. Puede ser una publicación en un foro, un artículo de una revista o periódico, una entrada de blog, un comentario enviado por un usuario, un widget o dispositivo interactivo o cualquier otro elemento de contenido independiente. ^[1]

En su forma más básica, <article>se puede utilizar para encapsular un cuerpo de texto y un título correspondiente de la siguiente manera:

< article > 
  < h2 > Insertar título aquí </ h2 > 
  < p > Insertar un párrafo de texto aquí </ p > 
</ article >

Las entradas y comentarios del foro normalmente se implementan anidando <article>etiquetas:

< article > 
  < header > 
    < h1 > Título de la entrada </ h1 > 
    < p > Información del encabezado </ p > 
  </ header > 
  < p > Contenido de la entrada... </ p > 
  < article > 
    < header > 
      < h2 > Autor: John Smith </ h2 > 
      < p > Información del comentario </ p > 
    </ header > 
    < p > Texto del comentario... </ p > 
  </ article > 
  < article > 
    < header > 
      < h2 > Autor: Jane Johnson </ h2 > 
      < p > Información del segundo comentario </ p > 
    </ header > 
    < p > Texto del comentario... </ p > 
  </ article > 
</ article >

El <article>elemento solo incluye los atributos HTML globales como contenteditable , id y title . ^[2] Sin embargo, pubdate , un atributo booleano opcional del <time>elemento, se usa a menudo junto con <article>. Si está presente, indica que el <time>elemento es la fecha en que <article>se publicó. Tenga en cuenta que pubdate se aplica solo al <article>elemento principal o al documento en su totalidad. ^[3]

HTML5 introdujo tanto <article>y <section>; ambos son etiquetas semánticas que definen secciones de un documento, como capítulos, encabezados y pies de página. ^{[4] [ ¿ Fuente no confiable? ]} El <article>elemento es efectivamente un tipo especializado de <section>y tiene un significado más específico, que hace referencia a un bloque independiente y autónomo de contenido relacionado. ^{[3] [5]}

Para organizar mejor el contenido independiente <section>, se pueden anidar etiquetas dentro <article>de etiquetas:

< article > 
  < h2 > Nombres de las formas </ h2 > 
  < p > Hay varios tipos diferentes de formas... </ p > 
  < section > 
    < h4 > Triángulos </ h4 > 
    < p > Aquí hay algo de información sobre los triángulos </ p > 
  </ section > 
  < section > 
    < h4 > Círculos </ h4 > 
    < p > Estas maravillas con forma de Pi son fascinantes y... </ p > 
  </ section > 
</ article >

Por el contrario, en ocasiones puede resultar adecuado anidar un <article>elemento dentro de otro <section>elemento. Por ejemplo, en una página web que contenga varios artículos sobre distintos temas:

  < section > 
    < h1 > Artículos sobre turismo en París </ h1 > 
    < article > 
      < h3 > La Torre Eiffel </ h3 > 
      < p > Con más de 30 centímetros de altura... </ p >  
    </ article > 
    < article > 
      < h3 > El Louvre </ h3 > 
      < p > Una visita obligada en el turismo en París... </ p > 
    </ article > 
  </ section >

Los siguientes navegadores tienen soporte para este elemento: ^[6]

• De oficina
  • 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 versiones posteriores
  • IE Mobile 9.0 y superior
  • Safari Mobile 5.0 y versiones superiores
  • Opera Mobile 11.0 y superior

• Complementos de fragmentos enriquecidos para WordPress