Forum Ubuntu-it

El Nino ha scritto:
dj_def ha scritto: ma stai a scherzà?
Cosa li hanno inventati a fare i tag o , secondo te?

Se è per questo è lecito usare anche l'attributo style per indicare le regole css, ma il suo utilizzo è bassa (pessima?) programmazione.

Zoff ha scritto: Magari sono ignorante io. Ma so come funziona uno spider e secondo me i tag u, strong, etc sono da evitare.

Per vedere come vede uno spider installa lynx e vedi cosa servono i tag , e .
Se li hanno inventati ci sarà un motivo, non credi?

strong serve a dare enfasi... ma l'obiettivo non è l'enfasi visiva... ciò che riguarda il modo di visualizzare le cose va nel css
ad esempio potrebbero esserci browser che visualizzano un testo in strong in un modo e altri in un altro

Zoff ha scritto:
El Nino ha scritto:
dj_def ha scritto: ma stai a scherzà?
Cosa li hanno inventati a fare i tag o , secondo te?
Se è per questo è lecito usare anche l'attributo style per indicare le regole css, ma il suo utilizzo è bassa (pessima?) programmazione.

Non rigirare la frittata: io in ambito SEO ci lavoro.
C'è una ENORME differenza se mettere il testo in risalto con un e lo stesso testo con il CSS.
Ma che ve lo dico a fare, se non capite che l'HTML/XHTML è un linguaggio di presentazione di contenuti.

dj_def ha scritto: strong serve a dare enfasi... ma l'obiettivo non è l'enfasi visiva... ciò che riguarda il modo di visualizzare le cose va nel css
ad esempio potrebbero esserci browser che visualizzano un testo in strong in un modo e altri in un altro

Lo strong serve appunto a visualizzare il testo con la medesima enfasi visiva su tutti i broswer. Cosa che il CSS non fa.

concordo con dj_def.
Per dare un senso semantico ad una pagina sono stati introdotti i tag semantici in html5.
Vedi , , ,
L'enfasi si fa in modo differente.

Le altre cose IMHO vanno nei CSS.

PS: io non ti sto attaccando e non mi dispiacerebbe se tu facessi lo stesso.

Zoff ha scritto:
El Nino ha scritto:
bismark2005 ha scritto:
questo in xhtml serve ad indicare che ci troviamo di fronte ad un titolo. Se poi voglio questo titolo sottolineato o in grassetto allora dovrò usare i Css. Giusto?

>:(

NO!
Per il sottolineato devi inserire il tag
Per il grassetto devi mettere

Il CSS lo devi utilizzare per cambiare il font e altre cavolate. :-\
Anche no. Meno infesti il codice di informazioni di visualizzazione meglio è.

strong però non è un'informazione sulla formattazione, ma un'informazione semantica aldilà di come i browser lo renderizzano

shaitan ha scritto: strong però non è un'informazione sulla formattazione, ma un'informazione semantica aldilà di come i browser lo renderizzano

Dipende come viene utilizzato. Se è usato in un articolo di un blog per enfatizzare una frase importante si, se è usato perché sta meglio con la pagina no.

Per questo ho risposto "anche no" e non "assolutamente no". Ci sono casi in cui va usato altri in cui è meglio evitarlo. E la regola da tenere è quella che ho scritto subito dopo "meno si infesta il codice di informazioni di visualizzazione meglio è".

Non credo di sbagliare in questo.

Zoff ha scritto:
El Nino ha scritto:
dj_def ha scritto: ma stai a scherzà?
Cosa li hanno inventati a fare i tag o , secondo te?
Se è per questo è lecito usare anche l'attributo style per indicare le regole css, ma il suo utilizzo è bassa (pessima?) programmazione.

Anche questo non è propriamente corretto, o meglio non è dogmatico.
Se è vero che gli inline style generalmente sono da evitare è anche vero che esistono casi in cui sono consigliabile (es se si spedice una pagina html via mail)

Ritornando al nostro caso in oggetto, non è che l'applicazione del grassetto via css avviene per magia: dovrà comunque riferirsi a un testo circoscritto (ossia marcato), a questo punto troverei di bassa (per usare le tue parole) programmazione l'utilizzo di un tag span in luogo di uno strong o em etc a seconda dei casi

Ed è quello che ho cercato di esprimere con la risposta al tuo messaggio precedente.

Zoff ha scritto: Dipende come viene utilizzato. Se è usato in un articolo di un blog per enfatizzare una frase importante si, se è usato perché sta meglio con la pagina no.

Nel caso del grassetto e dell'italico sono propenso a credere che la scelta, anche istintiva, sottenda sempre qualche forma di semantica.
Si tratta solo di esplicitarla.

Potrei sbagliarmi e potrebbero esserci casi di applicazioni di grassetto solo con scopi cromatici scissi dal contesto, ma propenderei a credere che siano la minoranza.

El Nino ha scritto:
bismark2005 ha scritto:
questo in xhtml serve ad indicare che ci troviamo di fronte ad un titolo. Se poi voglio questo titolo sottolineato o in grassetto allora dovrò usare i Css. Giusto?

>:(

NO! L'HTML è un linguaggio di PRESENTAZIONE, se devi enfatizzare alcune cose in un testo è d'OBBLIGO usare gli opportuni tag.
Per il sottolineato devi inserire il tag
Per il grassetto devi mettere

Il CSS lo devi utilizzare per cambiare il font e altre cavolate indipendenti dal contenuto. :-\

A me però, nel caso specifico del titolo, non piacerebbe molto vedere qualcosa del tipo
Titolo

lo troverei un po' senso senso dal punto di vista della semantica, oltre a non avere effetti pratici nella visualizzazione (visto che h1, con lo stile di default è già grassettato)

Zoff ha scritto:
El Nino ha scritto:
bismark2005 ha scritto:
questo in xhtml serve ad indicare che ci troviamo di fronte ad un titolo. Se poi voglio questo titolo sottolineato o in grassetto allora dovrò usare i Css. Giusto?

>:(

NO!
Per il sottolineato devi inserire il tag
Per il grassetto devi mettere

Il CSS lo devi utilizzare per cambiare il font e altre cavolate. :-\
Anche no. Meno infesti il codice di informazioni di visualizzazione meglio è.

Forse non è stato compreso queste mio intervento.

Si stava parlando del tag che porta già cons'è informazioni di formattazione cioè alliena il testo al centro, applica un grassetto e usa una dimensione font elevata.

Fare una cosa del genere:

Codice: Seleziona tutto

<h2><strong>testo</strogn></h1>

Non ha alcun senso, anzi è ripetitivo e brutto.

PS: ecco appunto anche shaitan ha scritto quello che intendevo

Un momento ragazzi. allora con ordine..

@Zoff: Ho aperto altre discussioni, ma la risposta non è mai stata univova. Inoltre molti mi consigliano di studiare xHTML perchè Html 5 ancora è uno standard e poi perchè le differenze tra xHTML e HTML 5 non sono abissali. Basterà fare qualche piccolo aggiusto.

Tornando a noi...Leggendo il libro mi sembra di capire che l'Html descrive la struttura di una pagina, ma non descrive l'aspetto della pagina.In poche parole come dicevo prima con h1 l'Html ti dice che si è in presenza di un titolo. Ma se lo vuoi verde rosso ecc ecc devi usare i Css.

In altre parole nel libro si insiste molto sulla separazione tra struttura e aspetto della pagina. Almeno così mi sembra di capire

Codice: Seleziona tutto

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/transitional.dtd">
<html>
<head>
<title>Libreria Bismark</title>
<body>
<h1>Libreria Bismark</h1>
<blockquote>
"Tutti i libri che vuoi<br />
 al miglior prezzo di sempre<br />
 Cortesia e gentilezza"
 </blockquote>
 <p>Libreria Bismark<br/>
 Piazza Giuseppe Mazzini<br />
 00195 Roma Italia
 </p>
 <h2>Contenuti</h2>
 <ul type="square">
<li><a href="#informazioni"></a>Informazioni sulla libreria</li>
<li>Ultimi libri aggiunti</li>
<li>Prossimi Eventi</li>
 </ul>
<h2><a name="informazioni"></a>Informazioni</h2>
 <p>La libreria Bismark è aperta tutti i giorni dal Lunedì al Venerdi dalle ore 9:00 alle ore 19:00 All’interno della libreria potrete trovare una<br />
 vasta gamma di libri, dai classici ai contemporanei. Sempre attenta alle esigenze di tutti all’interno della libreria troverete anche uno spazio<br />
 dedicato ai più piccoli, dai libri di fiabe ai libri narrativi specifici per i ragazzi che iniziano ad appassionarsi al mondo della lettura.<br /> 
<hr />
<h2>Ultimi Libri aggiunti</h2>
<hr />
<h2>Prossimi eventi</h2>
<hr /> 
 </body>
</head>
</html>

Ho creato un ancoraggio in questa linea di codice Informazioni e il copllegamento in questa:Informazioni sulla libreria ma non funziona come mai?

Perché chiudi il collegamento prima del testo che vuoi mettere come link.

mamma mia che confusione su una cosa così (relativamente) semplice.

xHtml è il markup, la struttura della pagina.
L'xHtml si stà evolvendo in Html5, per realizare un sito web non è fondamentale una conoscenza approfondita (alla fine gli elementi che si usano sono quelli), ma è abbastanza importante almeno conoscere i più usati e le loro funzioni.

Il markup va usato per evidenziare le cose, i tag , , i vari header (, , ecc..).. fare una pagina del tipo

Codice: Seleziona tutto

<p>
    <span class="titolo-importante">Questo è il titolo</span>
    Qui invece il contenuto, una cosa <span class="bold">importante</span> la metto tra uno span perchè ritengo i tag b e strong inutili
</p>

è una porcata; L'avvento del web 2.0 ha creato una generazione di sviluppatori terrorizzati dall'uso delle tabelle e dai tag, ma essi sono necessari, da usare per il loro scopo e nient'altro, ma necessari.

Tralasciando gli spider (che sono comunque fondamentali), anche per poi poter lavorare sul dom con tools come Jquery o Mootols avere un buon markup è fondamentale, i css devono solo fare la parte grafica e nient'altro, la regola d'oro è che un sito deve essere perfettamente leggibile e consultabile anche disattivando il foglio di stile.

In altre parole nel libro si insiste molto sulla separazione tra struttura e aspetto della pagina. Almeno così mi sembra di capire

Infatti è il fondamento su cui si dovrebbero basare le pagine web.
Fino a qualche anno fa tutti i siti web (o la stragrande maggioranza) gestivano il layout con le tabelle, rendendo il codice una cacca indegna. È stato così introdotto il CSS per separare il layout dal contenuto e per permettere di modificare lo stile di tutte le pagine web cambiando solo il .css.

I tag ecc vengono ancora usati perché sono molto più comodi e leggibili rispetto a

Codice: Seleziona tutto

<p class="strong>

Inoltre volevo precisare che HTML5 è uguale a XHTML1.1 (se non per i famosi tag e altri definiti qui http://joshduck.com/periodic-table.html). Molti pensano che con HTML5 (utilizzando solo il codice HTML) sia possibile ottenere effetti grafici come scroll, dissolvenze, spostamenti di elementi, ecc. Questo è tremendamente sbagliato. Gli effetti grafici sono ottenuti con jQuery, l'html da solo è statico.

la regola d'oro è che un sito deve essere perfettamente leggibile e consultabile anche disattivando il foglio di stile.

Credo che ormai non sia più essenziale. Ormai tutti i browser (testuali esclusi) siano abbastanza compatibili. Per rendere un sito leggibile anche senza i CSS occorrerebbe utilizzare le tabelle, tornando alla situazione di qualche anno fa. Oggi penso che un sito debba essere perfettamente leggibile anche senza javascript

Allora.. io sto studiando Xhtml e i Css per i template di Joomla. Con l'avvento dei Cms non so quanto senso abbia studiare Xthml e i Css (se non appunto per modificare i template).

Il prossimo passo sarà Php. Jquery è un framework di Javascript?

@Zoff ho modificato così:

Informazioni sulla libreria

Informazioni

Ma se clicco su Informazioni sulla libreria non mi porta in Informazioni. Come mai?

ferraro96 ha scritto: I tag ecc vengono ancora usati perché sono molto più comodi e leggibili rispetto a
Codice: Seleziona tutto
<p class="strong>

Non confondere la struttura con l'estetica;

e indicano che l'elemento è in un qualche modo significativo; è un normale paragrafo, identico a tutti gli altri a livello di dom, tu lo vedi diverso grazie ai css, ma se un elemento è importante è meglio che lo sia anche nella struttura.

Altrimenti, seguendo il ragionamento, una pagina html sarebbe un'accozzaglia di e , tutti gli altri tag sarebbero 'inutili', no?

Forum Ubuntu-it

Html Xhtml Css

Re: Html Xhtml Css

Re: Html Xhtml Css

Re: Html Xhtml Css

Re: Html Xhtml Css

Re: Html Xhtml Css

Re: Html Xhtml Css

Re: Html Xhtml Css

Re: Html Xhtml Css

Re: Html Xhtml Css

Re: Html Xhtml Css

Re: Html Xhtml Css

Re: Html Xhtml Css

Re: Html Xhtml Css

Re: Html Xhtml Css

Re: Html Xhtml Css

Re: Html Xhtml Css

Re: Html Xhtml Css

Re: Html Xhtml Css

Re: Html Xhtml Css

Re: Html Xhtml Css