Qual è il modo più semantico per visualizzare un indirizzo in HTML?

Ho un indirizzo che verrà visualizzato su una pagina Web, ma non è l'indirizzo dell'autore della pagina. Come dovrebbero essere codificato come semantica data la w3c recommendation di:Qual è il modo più semantico per visualizzare un indirizzo in HTML?

L'elemento ADDRESS può essere usato dagli autori per fornire informazioni di contatto di un documento o una parte importante di un documento come una maschera. Questo elemento appare spesso all'inizio o alla fine di un documento.

fonte

2010-03-01 tomk

Come su Microformati? – Gumbo

Gumbo: Non è proprio lo stile del W3C, o sbaglio? – Franz

@Franz: i microformati utilizzano classi per la loro descrizione. E questo è assolutamente legittimo. – Gumbo

È possibile utilizzare il hCard Microformat per descrivere il proprio indirizzo. Il vantaggio dei Microformati è che puoi usarli nei tuoi documenti esistenti per arricchirli.

Ecco un esempio derivato dalla esempio dalla Microformats wiki:

<address class="vcard"> 
    <span class="adr"> 
    <span class="street-address">169 University Avenue</span> 
    <span class="locality">Palo Alto</span>, 
    <abbr class="region" title="California">CA</abbr>&nbsp;&nbsp; 
    <span class="postal-code">94301</span> 
    <span class="country-name">USA</span> 
    </span> 
</address>

fonte

2010-03-01 22:15:36 Gumbo

Grazie per aver sottolineato che i div non sono ammessi all'interno del tag indirizzo :) – Ally

Vedere anche http://html5doctor.com/the-address-element/ –

+20

Dato che la domanda chiede "non è l'indirizzo per l'autore del pagina ", non si dovrebbe usare l'indirizzo HTML elemento questo indirizzo. L'elemento indirizzo può essere utilizzato solo per le informazioni di contatto dell'autore di una pagina o di un articolo. Qui, l'elemento di indirizzo dovrebbe essere un div, anche se p sarebbe accettabile. La bozza HTML5 è più specifica su questo: http://dev.w3.org/html5/spec/sections.html#the-address-element –

è possibile utilizzare RDFa, ad esempio:

<html 
    xmlns="http://www.w3.org/1999/xhtml" 
    xmlns:foaf="http://xmlns.com/foaf/0.1/" 
    xmlns:address="http://schemas.talis.com/2005/address/schema#" 
    xml:lang="fr" lang="fr" 
> 
<head>...</head> 
<body> 
    <div typeof="foaf:Person" about="http://you.openid.com#me"> 
    <span id="name" property="foaf:name">First Name, Last Name</span> 
    <address property="address:streetAddress">My Street, My City</address> 
    </div> 
</body> 
</html>

fonte

2010-03-01 22:18:27 Mathieu

La risposta da Gumbo manca l'ingrediente vitale. Una hcard/vcard è richiesta per avere un nome.

http://microformats.org/wiki/hcard#Property_List

Anche il tag indirizzo non deve essere usato in questo caso è specificamente utilizzato per relazionarsi con l'autore della pagina che viene visualizzata sul.

<div class="vcard"> 
    <span class="fn">Tristan Ginger</span> 
    <span class="adr"> 
    <span class="street-address">169 University Avenue</span> 
    <span class="locality">Palo Alto</span>, 
    <abbr class="region" title="California">CA</abbr> 
    <span class="postal-code">94301</span> 
    <span class="country-name">USA</span> 
    </span> 
</div>

maggior parte delle imprese che vogliono mostrare il loro indirizzo sul loro sito web dovrebbe utilizzare il seguente:

<address class="vcard"> 
    <span class="fn org">Tristan Ginger Inc</span> 
    <span class="adr"> 
    <span class="street-address">69 University Avenue</span> 
    <span class="locality">Great Bookham</span>, 
    <span class="region">Surrey</span> 
    <span class="postal-code">KT22 9TQ</span> 
    <span class="country-name">UK</span> 
    </span> 
</address>

fonte

2014-05-30 15:45:53 Tristanisginger

È possibile utilizzare la voce del vocabolario Schema.org PostalAddress per questo. Può essere utilizzato tramite Microdata, RDFa o JSON-LD.

Ad esempio, utilizzando RDFa:

<div vocab="http://schema.org/" typeof="PostalAddress"> 
<span property="name">Google Inc.</span> 
P.O. Box<span property="postOfficeBoxNumber">1234</span> 
<span property="addressLocality">Mountain View</span>, 
<span property="addressRegion">CA</span> 
<span property="postalCode">94043</span> 
<span property="addressCountry">United States</span> 
</div>

per quanto ne so, questo dovrebbe anche essere valido con <address> al posto del racchiude <div>:

<address vocab="http://schema.org/" typeof="PostalAddress"> 
<span property="name">Google Inc.</span> 
P.O. Box<span property="postOfficeBoxNumber">1234</span> 
<span property="addressLocality">Mountain View</span>, 
<span property="addressRegion">CA</span> 
<span property="postalCode">94043</span> 
<span property="addressCountry">United States</span> 
</address>

fonte

2017-07-04 17:25:36 sampablokuper

Qual è il modo più semantico per visualizzare un indirizzo in HTML?

risposta

Problemi correlati