html5 - name - posicionamiento web etiquetas
¿Cuál es la mejor etiqueta HTML5 para marcar extractos de blogs? (4)
Es un patrón común para los blogs tener páginas de archivo (por ejemplo, por fecha o categoría) que enumeran publicaciones de blog relevantes, junto con extractos (un párrafo o) y un enlace. Sin embargo, no puedo averiguar cuál de los elementos HTML5 es mejor usar para las publicaciones individuales.
La etiqueta <article> puede parecer una buena opción (y ciertamente lo sería si estuviera mostrando todo el contenido), pero no estoy seguro de que sea apropiado para los extractos. La specification dice:
El elemento del artículo representa una composición independiente en un documento, página, aplicación o sitio y, en principio, es distribuible o reutilizable de forma independiente, por ejemplo, en la sindicación.
¿Es un extracto realmente una pieza de contenido independiente y distribuible de forma independiente? No estoy muy seguro.
Otras opciones pueden ser la etiqueta <blockquote> (pero sería extraño citar sus propias publicaciones), o simplemente una lista <ol> (ordenada por fecha de publicación) que contiene encabezados y párrafos.
¿Alguna idea?
Creo que la forma más semántica de hacerlo es utilizar tanto <article> Y <blockquote> , combinados con un <h1> :
<article>
<h1>Post title here</h1>
<div class="meta">author, date, categories, tags, whatever</div>
<blockquote>
Excerpt
</blockquote>
<a href="/full/article">Read full Post</a>
</article>
El artículo aquí se compone de lo que puede esperar: encabezado, contenido y algunos meta. Así que esa parte es bastante sencilla, creo.
Sin embargo, también vincula A un artículo, razón por la cual el contenido está envuelto en un blockquote. Está citando una parte del artículo al que se vincula. Un extracto es una pieza del artículo. Una pieza que por casualidad está al principio.
Este método es lo que he podido deducir de toda la documentación y las especificaciones, de todos modos.
Y sí, puede usar varias etiquetas <h1> en una sola página, siempre que tenga sentido. Eche un vistazo a http://html5doctor.com/html5-seo-search-engine-optimisation/ :
El nuevo algoritmo de esquema HTML5 permite múltiples
<h1>en una página. Recibimos muchas preguntas acerca de si los desarrolladores serán penalizados por Google, lo cual, según el mito, no permite esto.
Digo "mito" porque Google siempre ha permitido múltiples<h1>en una página, siempre que sea orgánico en lugar de tratar de jugar con el sistema.
Definitivamente no es un aparte, ya que los extractos no se relacionan con otra cosa en la página. Tiene que ser un artículo, creo.
¿Qué hay de <article><summary>Excerpt here</summary></article> ?
Yo uso
<li>
<blockquote cite="original URL">
</blockquote>
</li>
<blockquote> es el más apropiado para esto:
El elemento blockquote representa una sección que se cita de otra fuente.
Citarte a ti mismo no es raro. La definición del elemento no dice que tienes que citar a alguien más. Usted cita un documento que vive bajo otra URL.
Creo que <article> (en lugar de <li> ) sería aceptable, pero no es necesario (la definición de artículo es bastante laxa, debería haberse llamado <infolump> ;)
Mi prueba de fuego para <article> es si sería útil en un feed RSS / Atom, y puedes encontrar feeds solo con extractos de artículos.
El elemento <summary> es solo una parte de <details> , que tiene un propósito diferente.
<aside> describe el rol del contenido dentro de una página. Cuando los extractos son la parte principal de la página de archivo, no es realmente un contenido tangencial. OTOH si fuera una sección "Vea también" en una página de publicación, entonces <aside> sería perfecto.
<aside> parece apropiado. Según la especificación:
El elemento aparte representa una sección de una página que consta de contenido que está relacionado tangencialmente con el contenido que rodea al elemento aparte, y que podría considerarse separado de ese contenido. Tales secciones se representan a menudo como barras laterales en tipografía impresa.
En este caso, sus publicaciones relevantes están relacionadas tangencialmente con el contenido de la página. Creo que este es exactamente el tipo de contenido para el que estaba destinado un aparte.