img e h1

[neoty]

Ciao a tutti,
stavo utilizzando delle immagini per creare dei titoli. Mi chiedo però se sia più giusto, per creare titoli con immagini, scrivere così:

[img]titolo.gif[/img]

oppure così:

<h1>[img]titolo.gif[/img]</h1>

Secondo voi?

Grazie
ciao

[lorenzos]

La prima.
Mettere h1 non ha senso con un immagine.

[pierofix]

Avrebbe molto più senso fare una cosa del genere:

   <h1 id="titolo">Ciao, io sono un titolo testuale</h1>


/* css */

   #titolo {
      background:#fff url(immagine.jpg) no-repeat 0 0;
   }

Altrimenti, se vuoi proprio usare un'immagine con lo scopo che intendi (anche se sconsiglio), ricorda di inserire l'attributo alt.

[span]

Se vuoi usare un immagine come titolo è comunque più logico usare:

Originariamente inviato da neoty
<h1>[img]titolo.gif[/img]</h1>

[lorenzos]

Se vuoi usare un immagine come titolo è comunque più logico usare:
<h1>[img]titolo.gif[/img]</h1>

Scusa, ma che senso ha?
Dubito che serva per i motori...
Inoltre h1 è un attributo pensato per un titolo testuale,
o sbaglio?

[pierofix]

Già, attribuire un genitore h1 ad un'immagine lo trovo insensato anch'io.

In base a che criterio o logica lo faresti, span?

[span]

Se l'immagine è utilizzata come titolo è giusto che sia racchiusa in un tag di titolo.

Il testo del titolo sarà dato dal valore dell'attributo alt.

Così facendo mantieni una stuttura logica del documento ed il documento è più accessibile (dato che gli screen reader hanno uno strumento per navigare tra gli header del documento e dato che al posto delle immagine leggono il testo contenuto nell'alt).

[span]

altro esempio, un browser testuale visualizzerà allo stesso modo i due seguenti esempi:

es.1
<h1>Titolo del documento</h1>

es.2
<h1>[img]..[/img]</h1>

Mentre la seguente soluzione sarebbe la peggiore, non siete d'accordo?

es.3
[img]..[/img]

[pierofix]

Non sono ancora convinto, ma un certo senso il tuo ragionamento pare averlo.

Tuttavia l'alt è alternativo per definizione, pertanto un'immagine come figlio unico di h1 lo trovo insensato.

Forse conviene utilizzare l'image-replacement (descritto sopra) per cose del genere.

Rimanendo però strattamente all'interno del confine della domanda di apertura della discussione, trovo il ragionamento di span abbastanza sensato, ma non troppo da essere come adottato come soluzione.

Ok, adesso sono confuso. Ops, mi sono ripreso subito: no, non ha senso. Prefirisco di gran lunga l'utilizzo di immagini di sfondo.

E' comunque bene non abusarne, in quanto con browser in cui le immagini sono disattivate, parecchie informazioni si perderebbero.

A questo punto avrebbe più senso utilizzare l'oggetto img, in quanto si visualizzerebbe l'alt, ma la struttura del markup perderebbe di significato.

Insomma, tra le due preferisco l'uso di css con sfondo e nell'html inserire il titolo testuale (da rendere poi invisibile con css).

[span]

Originariamente inviato da pierofix
[1] Tuttavia l'alt è alternativo per definizione, pertanto un'immagine come figlio unico di h1 lo trovo insensato.

[2] A questo punto avrebbe più senso utilizzare l'oggetto img, in quanto si visualizzerebbe l'alt, ma la struttura del markup perderebbe di significato.

Ora sono io a non essere convinto

[1] Perché?
[2] Perché perderebbe significato?