Newsgroup: it.comp.www.html
Titolo: questione su differenza fra grassetto e H1 con CSS

ciao,
non sono una esperta e non riesco a capire una cosa:
con i CSS l'importanza data al testo con i vari H1..H6 diviene
relativa, in quanto si può dire ai caratteri che dimensioni avere in
pixel. Se scelgo una frase in H1 posso impostarla della stessa
dimensione del restante testo, con l'unica differenza che in questo
caso i caratteri appariranno necessariamente in grassetto. Se poi
anche il resto dei caratteri li faccio in grassetto, la differenza fra
il testo H1 e quello "normale" appare nulla.
Ma allora cosa cambia fra mettere una parte del testo in H1 oppure
lasciarlo normale?
Credo che ciò abbia a che vedere con l'indicizzazione sui motori di
ricerca... ma non si "arrabbiano" vedendo che il testo H1 è uguale al
resto? 
Spero di essermi spiegata bene sebbene abbia poca proprietà di
linguaggio tecnico. Sorry.
Grazie e tutti,
Val

 resto?
Ma scusa, c'hai i tag H* che è vero, definiscono a livello logico 
l'importanza di un testo. In realtà di un titolo, visto che H mi pare stia 
per Header.
Poi ci sono i css, e cosi' c'hai anche la possibilita' di personalizzarti la 
visualizzazione delle tue intestazioni.
E' vero che se vuoi puoi rendere il testo tra tag H* uguale al testo 
normale. Non vedo il problema. Uno puo' anche definire uno stile 'rosso' con 
"color: blue" o uno stile 'piccolo' e "font-size: 80pt" ma nessuno gli 
andra' mai a rompere le balle x questo.
Tutta questa liberta' ti da' fastidio?
Il mondo ti fornisce strumenti di ogni sorta, in tutti i campi. Sta a chi li 
usa sfruttarli nel modo corretto.
Credo che tu ti faccia domande di poca importanza, imho. A meno che non sia 
io che ho interpretato male il tuo msg. E in tal caso chiedo scusa per la 
risposta fuori tema.
Ciao,
Ema 

 
i motori di ricerca non guardono l'html elaborato, ma solo il codice 
sorgente. per loro non cambia niente, sono come un utente "ceco" 
(naturalmente non della Repubblica Ceca :-) )
-- 
e-mail: robiweb90 at gmail dot com
website: 
http://robiweb90.blogspot.com
foaf: 
http://robiweb90.altervista.org/foaf.rdf
50 inviti Gmail disponibili (ma non li vuole proprio nessuno?)

 resto? 
No, non c'entra praticamente niente. i motori di ricerca non guardano il
css, di solito, se non per vedere se il testo ha lo stesso colore dello
sfondo.
Bye.
-- 
Alessandro Pellizzari

 lasciarlo normale?
No, fermi tutti.
I tag html vanno usato con buon senso e sapendo per cosa sono stati creati,
NON per il loro aspetto visuale.
Altrimenti mi basterebbe un unico tag, ad esempio <p> e potrei cambiare
tutto usando i css, magari assegnando una classe diversa a ogni paragrafo.
Il tag <h1> sta per Heading 1, titolo di primo livello, e andrebbe usato per
il titolo principale della pagina, e poi via via con <h2> per i titoli delle
eventuali sezioni della pagina Web.
Nemmeno il discorso del grassetto che dici tu ha senso, nulla mi vieta di
definire:
h1 {
    font-size: 1em;
    font-weight: normal;
}
annullando cosě anche il grassetto dei titoli, oltre alla dimensione. Certo
che un titolo che ha lo stesso stile grafico del resto del testo perde
l'aspetto grafico del titolo, ma questo č un altro discorso.
Riassumendo, <h1> (e in generale tutti gli <hn>) va usato per dare struttura
al documento.
Questo ha il vantaggio di dare una mano ai motori di ricerca che potrebbero
dare piů importanza al testo contenuto nei titoli (e tranquilla, i motori di
ricerca non si incazzano, non leggono i fogli di stile) e anche ai poveri
utenti che per un motivo o per l'altro non riconoscono i fogli di stile da
te definiti.
Nello.

 pixel. 
  [ CUT ]
Ti fermo subito perché non hai presente il significato dei tag <h..>. 
Questi tag servono per i titoli, non per la dimensione del testo.
Ti faccio un esempio. Questa potrebbe essere una pagina con dentro 2 
ricette.
<body>
<h1>Le mie ricette migliori</h1>
<h2>Insalate</h2>
<h3>Insalata mista</h3>
<p>Testo insalata mista</p>
<h2>Pasta</h2>
<h3>Pasta al pesto</h3>
<p>Testo della ricetta delle lasagne</p>
<h3>Pasta al ragů</h3>
<p>Testo della ricetta della pasta</p>
</body>
In questo caso i vari <h> sono i titoli in prdine di importanza.
Chiaramente puoi con i css (e solo qui entrano in gioco) dare le 
dimensioni che desideri.
I vari tag <h> sono comunque rilevati dai motori di ricerca come titoli, 
quindi per lui piů rilevanti.
Spero di esser stato chiaro.
Ciao
-- 
Andrea Azzini
Arya Interactive Media srl
www.inarya.com

 
I motori di ricerca, normalmente, guardano il codice HTML e leggono, oltre
al testo della pagina e ad altre informazioni, anche la "semantica" della
pagina stessa. In HTML i tag <h> indicano dei titoli, per cui al testo
racchiuso fra <h> viene dato il significato di titolo, piu' importante (ad
esempio) di un paragrafo (<p>). I fogli di stile servono al browser di un
utente "umano", più che ai motori di ricerca, per decidere come
visualizzare gli elementi della pagina. Il codice HTML è dunque il "cosa"
visualizzare (un titolo, un paragrafo di testo, un'immagine), i fogli di
stile sono il "come" visualizzarlo (in grassetto, con una certa
dimensione, con un certo bordo). Probabilmente alcuni motori di ricerca
vanno ad analizzare anche i fogli di stile, alla ricerca ad esempio di
testo visualizzato con colore uguale o simile allo sfondo e cose del
genere.
Inoltre l'uso di tag semanticamente corretti serve anche nel caso in cui
l'utente non voglia o non possa utilizzare i fogli di stile. In questo
modo gli elementi appariranno in modo diverso da come il progettista ha
pensato, ma in modo coerente al loro significato nella pagina.
ciao.
Matteo
-- 
Matteo Moro - mBG su Azzurra IRC Network
Web Personale - 
www.MatteoMoro.net
ICQ#: 91902715, JID: 
emme...@actualize.it

 .

lasciarlo normale?
Mai sentito parlare di web semantico? 
Un testo ha una propria struttura gerarchica, logica, che i tag che
usi dovrebbero rispecchiare.
Per esempio, h1 indica un titolo di I livello (es: titolo del libro),
h2 un titolo di II livello (es titoli di capitoli) e via dicendo.
E non ci si limita a questo: ti ricordo tag  come <em> e <strong>, che
hanno un valore prettamente semantico, diversamente ad es da <i> e <b>
a cui a volte vengono equiparati.
Dai un'occhiata a 
http://www.w3.org/TR/html4/struct/text.html#h-9.2
 .
Inizialmente HTML è nato proprio su questa logica, basta guardare
appunto i nomi dei tag. Poi gli sviluppi del web hanno portato a
trascurare questi aspetti a favore della presentazione e della
grafica.
I CSS consentono di separare completamente il contenuto dall'aspetto
grafico, recuperando questo approccio.
Ti suggerisco questo articolo:
http://pro.html.it/articoli/id_327/idcat_46/pro.html
Ciao
Matteo
------------------------------------------
Un po' di là dal mare c'è una terra chiara
che di confini e argini non sa
------------------------------------------

 Val
Di nulla.
-- 
FreshCSS
http://www.freshcss.com