Discussione Chiusa
Risultati da 1 a 18 di 18

Faq Html e XHtml

Ultimo Messaggio di Tiago il:
  1. #1
    L'avatar di Giorgiotave
    Data Registrazione
    Oct 2004
    Località
    Monasterace
    Messaggi
    42,813
    Visita il canale Youtube di Giorgiotave

    Faq Html e XHtml

    FAQ Html e XHtml (in costruzione)

    Generale
    Cos’è l’HTML?
    Cos’è l’XHTML?
    La sintassi dell’XML
    Cos'è la DTD?
    Come faccio a validare una pagina?
    Cosa significa WYSIWYG?
    Cos'è un URL?
    Cosa significa RSS?

    HTML
    Inserire un link
    Inserire un immagine
    Includere un css esterno
    Cambiare il titolo di una pagina
    Cambiare la descrizione di una pagina
    Cosa sono i meta tags?
    Il meta tag robots
    Icona nella barra degli indirizzi (favicon)
    Link ad indirizzo email
    Ultima modifica di Tiago; 10-02-08 alle 21:22
    SMConnect 2019: l'evento per i professionisti del Digital Marketing arriva nella sua edizione più avanzata di sempre!

  2. #2
    Esperto L'avatar di Tiago
    Data Registrazione
    Oct 2006
    Località
    nella bassa bergamasca
    Messaggi
    638

    Cos'è l'HTML?

    L’HTML (HyperText Markup Language) è un linguaggio usato per scrivere pagine web.
    Questo linguaggio ci permette di inserire testo formattato a nostro piacere, immagini, tabelle e ogni tipo di oggetto multimediale nelle nostre pagine web.
    Una pagina scritta in codice HTML ha estensione .htm o .html.
    Quando visitiamo una pagina il codice HTML della stessa viene letto dal web browser, il quale ci consente di visualizzarla.
    I comandi HTML sono chiamati tags (al singolare tag).
    Ultima modifica di Tiago; 12-01-08 alle 22:22

  3. #3
    Esperto L'avatar di Tiago
    Data Registrazione
    Oct 2006
    Località
    nella bassa bergamasca
    Messaggi
    638

    Cos’è l’XHTML?

    L’XHTML (eXtensible HyperText Markup Language) è un linguaggio basato sull’HTML, ma con la sintassi strutturata in modo migliore, cioè come quella dell’XML. Esso è nato a causa dell’eccessiva elasticità dell’HTML tradizionale.
    Per comprendere meglio il concetto potete leggere più in basso una semplice spiegazione della sintassi dell’XML.

    Una pagina XHTML, per essere validata, deve sempre iniziare con la definizione del tipo di documento, o DTD (Document Type Definition).
    L’XHTML prevede inoltre la separazione del layout della pagina dal contenuto vero e proprio. A questo proposito vengono utilizzati i CSS (Cascading Style Sheets).
    Ultima modifica di Tiago; 10-02-08 alle 21:26

  4. #4
    Esperto L'avatar di Tiago
    Data Registrazione
    Oct 2006
    Località
    nella bassa bergamasca
    Messaggi
    638

    La sintassi dell'XML

    Ecco un esempio di un file XML:
    Codice HTML:
     <?xml version="1.0" encoding="ISO-8859-1"?>
      <squadra>
          <giocatore>
              <nome>Gianluigi</nome>
              <cognome>Buffon</cognome>
              <numero>1</numero>
          </giocatore>
          <giocatore>
              <nome>Fabio</nome>
              <cognome>Cannavaro</cognome>
              <numero>5</numero>
          </giocatore>
      </squadra>
    La prima riga, il prologo, indica la versione di XML usata e la codifica ISO.
    Tutti i tags (prologo escluso) sono contenuti in un elemento radice, che nel nostro caso è il tag <squadra>.
    I tags devono essere bilanciati, devono cioè essere aperti e chiusi in ordine.

    Ecco alcuni esempi per chiarire:

    Codice HTML:
     <giocatore>
           <nome>Gianluigi</nome>
           <cognome>Buffon</cognome>
           <numero>1
       </giocatore></numero>
    Questo codice ovviamente è errato, perché il tag <numero> viene chiuso dopo il tag <giocatore>.

    Codice HTML:
     <giocatore>
           <NOME>Gianluigi</nome>
           <cognome>Buffon</cognome>
           <numero>1</numero>
       </giocatore>
    Anche questo codice genererà un errore, perché l’XML è case sensitive, quindi <NOME> e <nome> vengono considerati due tags diversi.

    E’ inoltre possibile inserire tags vuoti:
    Codice HTML:
    <numero></numero>
    Oppure:
    Codice HTML:
     <numero />
    Ultima modifica di Tiago; 12-01-08 alle 22:23

  5. #5
    Esperto L'avatar di Tiago
    Data Registrazione
    Oct 2006
    Località
    nella bassa bergamasca
    Messaggi
    638

    Cos'è la DTD?

    La DTD (Document Type Definition) è la definizione del tipo di documento.
    In parole povere, la DTD indica quali regole stiamo seguendo nella scrittura della pagina. Essa è importante per indicare al validatore quali norme stiamo seguendo e quindi quali eventuali errori segnalarci.

    Per l'XHTML 1.0 esistono tre DTD:

    XHTML 1.0 Transitional
    Codice HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    XHTML 1.0 Strict
    Codice HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    XHTML 1.0 Frameset
    Codice HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
    Mentre per l'XHTML 1.1 esiste solo la Strict, ma, essendo l'unica, strict si omette:

    XHTML 1.1
    Codice HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

  6. #6
    Esperto L'avatar di Tiago
    Data Registrazione
    Oct 2006
    Località
    nella bassa bergamasca
    Messaggi
    638

    Come faccio a validare una pagina?

    Per validare una pagina puoi usare il Markup Validation Service della w3c.
    Ti basterà inserire l'indirizzo della pagina che vuoi validare e confermare.
    Questo tool va bene per documenti scritti sia in HTML tradizionale che in XHTML.
    Se la pagina che controlli contiene errori, questi verranno visualizzati. Altrimenti ti verrà data una conferma della validità della pagina.

    Per i documenti scritti in XHTML ricordati di inserire come prima riga la DTD, in caso contrario la tua pagina non sarà validata.

  7. #7
    Esperto L'avatar di Tiago
    Data Registrazione
    Oct 2006
    Località
    nella bassa bergamasca
    Messaggi
    638

    Cosa significa WYSIWYG?

    L'acronimo WYSIWYG (What You See Is What You Get), nel campo della creazione di pagine web, indica gli editor HTML visuali. La traduzione dell'acronimo inglese infatti è quello che vedi è quello che ottieni.
    Questo perchè gli editor visuali mettono a disposizione un'interfaccia che permette di progettare documenti senza scrivere una riga di HTML.
    Quasi sempre gli editor WYSIWYG offrono anche la possibilità di modificare a mano il codice sorgente.
    Una pecca di questi editor è sicuramente la scrittura un pò sporca del codice, con un uso superfluo di alcuni tags HTML.
    Un altro rischio che si corre è la possibile strutturazione tabellare delle pagine, cosa che non aiuta nè l'indicizzazione nei motori di ricerca nè la velocità di caricamento dei documenti stessi.

  8. #8
    Esperto L'avatar di Tiago
    Data Registrazione
    Oct 2006
    Località
    nella bassa bergamasca
    Messaggi
    638

    Cos'è un URL?

    Un URL (Uniform Resource Locator) è un indirizzo che identifica univocamente la posizione di un documento nel web. L'URL è l'insieme dei caratteri che inseriamo nella barra degli indirizzi del nostro browser quando cerchiamo un sito web.
    Un URL di solito ha questa sintassi:
    tiposerver://nomehost/nomefile

    tiposerver ovviamente indica il tipo di server, che può essere http, ftp, telnet, ecc..

    nomehost indica il nome dell'host su cui si trova il documento che stiamo cercando. Il nome dell'host dell'URL di questa pagina è www.giorgiotave.it.

    nomefile è il nome del file specifico che vogliamo vedere o scaricare.

    Nella creazione di una pagina web, quando scriviamo alcuni tags (a, img, ecc..), nell'attributo href possiamo specificare URL assoluti o relativi.
    Un link con URL assoluto è ad esempio:
    Codice HTML:
    <a href="http://www.giorgiotave.it/forum/html-e-xhtml/">HTML e XHML</a>
    mentre uno con URL relativo ècome questo:
    Codice HTML:
    <a href="/forum/html-e-xhtml/">HTML e XHML</a>

  9. #9
    Esperto L'avatar di Tiago
    Data Registrazione
    Oct 2006
    Località
    nella bassa bergamasca
    Messaggi
    638

    Cosa significa RSS?

    L'RSS (Rich Site Summary o Really Simple Syndication) è un sistema per la distribuzione di contenuti web. La traduzione dell'acronimo è syndication veramente semplice, infatti essendo l'RSS basato sull'XML è un formato molto flessibile.
    Il termine syndication indica appunto la distribuzione di contenuti in internet attraverso appositi canali.

    Grazie all'RSS possiamo organizzare un insieme di notizie.
    Ogni notizia è composta da diversi campi: autore, titolo, testo, data..
    Un documento RSS è chiamato feed RSS o più semplicemente feed. Questi feed possono essere letti tramite appositi programmi (feed reader) oppure possono essere integrati all'interno di un sito web.
    Ultima modifica di Tiago; 15-01-08 alle 17:02

  10. #10
    Esperto L'avatar di Tiago
    Data Registrazione
    Oct 2006
    Località
    nella bassa bergamasca
    Messaggi
    638

    Inserire un link

    Il tag HTML per inserire dei links (collegamenti ipertestuali) all'interno delle nostre pagine web è il tag <a>.
    Gli attributi più frequenti per questo tag sono href, title e target.
    L'attributo href indica l'URL verso il quale punta il link.
    Il title è un breve testo che appare al passaggio del mouse sul link.
    Con l'attributo target abbiamo la possibilità di far aprire la pagina in una finestra diversa.
    Il testo che sta tra il tag d'apertuta e il tag di chiusura è chiamato anchor text.
    Ecco un esempio:
    Codice HTML:
    <a href="http://www.giorgiotave.it" title="GiorgioTave" target="_blank">Risorse per Webmaster</a>
    In questo caso, l'anchor text è 'Risorse per Webmaster', ed essendoci target="_blank" la pagina si aprirà in una nuova finestra.
    Ultima modifica di Tiago; 29-01-08 alle 21:40

  11. #11
    Esperto L'avatar di Tiago
    Data Registrazione
    Oct 2006
    Località
    nella bassa bergamasca
    Messaggi
    638

    Inserire un immagine

    Per inserire un immagine in una pagina web si usa il tag <img>.
    Gli attributi di questo tag sono src, alt, border, width e height.
    L'attributo src indica l'URL dell'immagine (cioè l'indirizzo, compresa l'estensione).
    Il testo contenuto nell'attributo alt viene mostrato in caso di errore nel caricamento dell'immagine o al passaggio del mouse sulla stessa.
    Il border viene espresso con un numero ed indica lo spessore del bordo dell'immagine.
    Gli attributi width e height specificano le dimensioni dell'immagine. Se si vuole inserire l'immagine nelle sue dimensioni reali, possono essere omessi.

    Ecco un esempio:
    Codice HTML:
    <img src="/images/titolo.jpg" alt="GiorgioTave" border="0" width="300" height="500" />
    Ultima modifica di Tiago; 29-01-08 alle 21:44

  12. #12
    Esperto L'avatar di Tiago
    Data Registrazione
    Oct 2006
    Località
    nella bassa bergamasca
    Messaggi
    638

    Includere un css esterno

    Per includere in una pagina web un file css esterno si usa il tag link.
    Questo tag è da inserire tra i tags <head> e </head>.

    Esempio:
    Codice HTML:
    <head>
    ...
    <link href="style.css" rel="stylesheet" type="text/css" />
    ...
    </head>
    Nell'attributo href si deve specificare l'url del file.

    *Nell'esempio, i puntini indicano che prima e dopo il tag link possono esserci altri tags.
    Ultima modifica di Tiago; 29-01-08 alle 21:39

  13. #13
    Esperto L'avatar di Tiago
    Data Registrazione
    Oct 2006
    Località
    nella bassa bergamasca
    Messaggi
    638

    Cambiare il titolo di una pagina

    Per cambiare il titolo di una pagina web si usa il tag title.
    Come il tag link, anche questo va messo tra i tags head.

    Ecco un esempio:
    Codice HTML:
    <head>
    <title>Titolo della pagina</title>
    </head>
    Questo tag è molto utile anche ai fini dell'indicizzazione nei motori di ricerca.
    Ultima modifica di Tiago; 29-01-08 alle 21:42

  14. #14
    Esperto L'avatar di Tiago
    Data Registrazione
    Oct 2006
    Località
    nella bassa bergamasca
    Messaggi
    638

    Cambiare la descrizione di una pagina

    Per cambiare la descrizione di una pagina web bisogna usare il meta tag description. Essendo solo un informazione per i motori di ricerca, anche questo tag va inserito tra i tags head.
    Il contenuto del metadato description viene mostrato dai motori di ricerca nelle serp, ma questo non avviene se è scritto male o è troppo corto. Se volete saperne di più, vi rimando a questa discussione.
    Essendo visibile nelle serp, si consiglia di scrivere la descrizione in modo linguisticamente corretto, compresa la punteggiatura.

    Ecco come si usa:
    Codice HTML:
    <head>
    ...
    <meta name="description" content="Quella che stai leggendo è la descrizione di questa pagina. Dovrebbe contenere almeno un centinaio di caratteri." />
    ...
    </head>

  15. #15
    Esperto L'avatar di Tiago
    Data Registrazione
    Oct 2006
    Località
    nella bassa bergamasca
    Messaggi
    638

    Cosa sono i meta tags?

    I meta tags ci permettono di specificare diverse informazioni relative alle nostre pagine web. Di questi tags ce ne sono molti, ma quelli utili ai motori di ricerca sono essenzialmente tre: description, keywords e robots.
    E' da sottolineare che ormai questi tags non hanno più influenza nel posizionamento di una pagina web.
    Il meta description serve per dare una descrizione della pagina.
    Il meta keywords dovrebbe contere una lista di parole-chiave relative alla pagina. Molti webmasters omettono questo metadato perchè non lo considerano più utile.
    Il meta robots indica ai motori di ricerca se indicizzare la pagina in questione e se seguire i links presenti in essa.

    Ecco un esempio:
    Codice HTML:
    <meta name="description" content="Discussione del forum GT che contiene delle risposte a domande frequenti relative a html e xhtml." />
    <meta name="keywords" content="faq, html, xhtml" />
    <meta name="robots" content="index, follow" />

  16. #16
    Esperto L'avatar di Tiago
    Data Registrazione
    Oct 2006
    Località
    nella bassa bergamasca
    Messaggi
    638

    Il meta tag robots

    A differenza dei meta tag description e keywords, il robots non riguarda il contenuto della pagina, ma è un mezzo per comunicare agli spider se indicizzare o meno la pagina stessa e se seguire i links presenti in essa. Infatti il meta robots è formato da due direttive:
    una per l'indicizzazione: index o noindex
    e una per i links da seguire: follow o nofollow

    Ecco un esempio:
    Codice HTML:
    <meta name="robots" content="index, nofollow" />
    In questo caso lo spider indicizzerà la pagina, ma non seguira i links.

    E' possibile anche accorpare le due direttive in una sola:
    "all" = "index, follow"
    "none" = "noindex, nofollow"

    In assenza del meta tag robots lo spider agisce come se trovasse "all".

  17. #17
    Esperto L'avatar di Tiago
    Data Registrazione
    Oct 2006
    Località
    nella bassa bergamasca
    Messaggi
    638

    Icona nella barra degli indirizzi (favicon)

    Per far visualizzare un'icona nella barra degli indirizzi dobbiamo creare un file favicon.ico.
    Questo file deve essere di dimensioni 16x16[px] e non deve usare più di 256 colori. Una volta creato e salvato con nome favicon.ico, lo dobbiamo inserire nella directory principale del nostro sito. Quindi, aggiungiamo tra i tags head delle nostre pagine questo tag:
    Codice HTML:
    <link rel="shortcut icon" href=http://www.nostrosito.ext/favicon.ico />
    In questo modo gli utenti che visiteranno il nostro sito vedranno una piccola icona nella barra degli indirizzi e la stessa icona sarà associata al nostro sito nella finestra dei preferiti (se qualcuno ci dovesse aggiungere).

  18. #18
    Esperto L'avatar di Tiago
    Data Registrazione
    Oct 2006
    Località
    nella bassa bergamasca
    Messaggi
    638

    Link ad indirizzo email

    Per inserire un collegamento ad un indirizzo email si usa (come per i links a pagine web) il tag a.
    La differenza sta nel valore dell'attributo href.
    Ecco un esempio di un link che punta ad un indirizzo di posta elettronica:
    Codice HTML:
    <a href="mailto:[email protected]">Contattami</a>
    In questo modo, al click si aprirà il client predefinito di posta elettronica dell'utente con l'indirizzo già impostato.

Discussione Chiusa

^ Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
  • Il codice BB è Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] è Attivato
  • Il codice [VIDEO] è Attivato
  • Il codice HTML è Disattivato
  • Trackbacks Attivato
  • Pingback Attivato
  • Refback Attivato

SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.