html5 - all - Marcado para direcciones postales
title html css (1)
¿Qué marca HTML5 deberíamos usar para las direcciones postales? ¿Y qué vocabulario podríamos usar para permitir la legibilidad de la máquina?
Como ejemplo, la dirección de la oficina principal de W3C :
W3C / MIT
32 calle Vassar
Habitación 32-G515
Cambridge, MA 02139 USA
El elemento de address solo debe usarse si esta dirección postal representa la información de contacto de "su antepasado de elemento de body o elemento más cercano", que, por supuesto, no es el caso de todas las direcciones. Pero si se usa la address o no, no afecta lo siguiente.
La dirección completa debe estar encerrada en un elemento p , because "una dirección es también un párrafo".
Como las direcciones no deben traducirse, el atributo de translate debe establecerse en no .
Cada línea (excepto la última) debe ir seguida de un elemento br , porque los saltos de línea son significativos (o "parte del contenido", como lo llama la especificación HTML5) en las direcciones.
Cada parte de la dirección (nombre, calle, ciudad, etc.) se puede incluir en un elemento de span . Esto no es obligatorio, pero permite el uso de anotaciones semánticas.
Las partes de direcciones abreviadas se pueden expandir con el elemento abbr , que puede ser útil para los usuarios que no están familiarizados con el formato de la dirección (por ejemplo, "¿Qué significa MA ?").
Así que hasta este punto, tenemos:
<p translate="no">
W3C/MIT<br>
32 Vassar Street<br>
Room 32-G515<br>
Cambridge, <abbr title="Massachusetts">MA</abbr> 02139 USA
</p>
Vocabularios
El tipo PostalAddress de Schema.org se puede utilizar para todas las partes de la dirección, excepto para la sala.
La ontología vCard (que asigna vCard a RDF) define una clase de Address . No parece haber una manera de especificar la habitación.
Otra clase de Address se define en el Vocabulario Central de Ubicación del Programa ISA . La sala se puede especificar con la propiedad locatorName .
Los microformatos tienen h-card (con su p-adr ) y h-adr . La sala puede especificarse con p-extended-address .
Usando el vocabulario de schema.org con RDFa (Lite) como ejemplo:
<p translate="no" typeof="schema:PostalAddress">
<span property="schema:name">W3C/MIT</span><br>
<span property="schema:streetAddress">32 Vassar Street</span><br>
Room 32-G515<br>
<span property="schema:addressLocality">Cambridge</span>, <abbr title="Massachusetts" property="schema:addressRegion">MA</abbr> <span property="schema:postalCode">02139</span> <abbr property="schema:addressCountry">USA</abbr>
</p>