Archivio

Posts Tagged ‘xhtml’

Linee guida per un markup corretto e accessibile

18 ottobre 2009 admin Nessun commento

Un markup accessibile non significa solo dare la possibilità a tutti di poter accedere agevolmente ai contenuti del nostro sito, significa anche aiutare i motori di ricerca nel processo di indicizzazione.

Prendete ad esempio il tag <IMG>, molti inseriscono le immagini in un sito direttamente come escono dalla macchina fotografica

Ecco la mia ultima foto
<img src="DSC00213.JPEG" />

Non ci vuole molto a capire che un motore di ricerca non potrà mai indicizzare correttamente un’immagine inserita in questo modo, è un po meno ovvio dedurre che un tasto per la navigazione risulterebbe inutile ad un non vedente senza l’attributo alt.

<img src="paginaSuccessiva.jpeg" alt="pagina successiva" />

Un tag inserito come qua sopra visualizza la scritta inserita come attributo alt quando non può essere visualizzata l’immagine, lo stesso attributo viene utilizzato dai motori di ricerca per dedurre informazioni sull’immagine.

Quanto sto per presentarvi è una lista di regole che non solo faciliteranno la navigazione del vostro sito ma vi permetteranno di avere un punteggio più alto nei motori di ricerca. Non conosco nessun editor visuale (wysiwyg) che rispetta queste regole alla lettera e per questo motivo ritengo che l’unico modo di creare un buon sito sia conoscere a menadito i linguaggi (x)html e css, non significa comunque che bisogna utilizzare editor come il notepad, ide come netbeans permettono uno sviluppo coerente e rapido allo stesso tempo.

Prosegui la lettura…

Interazione mysql-php-javascript, creazione di un form

1 dicembre 2008 admin 2 commenti

Con questo esempio voglio mostrare come una pagina web può interagire con il server e come si possono salvare dei dati di un utente tramite l’utilizzo di un form.I linguaggi usati in questo esempio sono javascript, html, sql e php. Si tratta di un form per l’inserimento dei dati di un utente dove al momento della selezione della provincia viene caricata la lista dei comuni utilizzando Ajax, per semplicità non utilizzerò XML e DOM.

Schema

Questo è lo schema, i riquadri blu sono le pagine che vengono visualizzate, i riquadri bianchi sono gli script che vengono eseguiti nel server, le doppie freccie indicano una richiesta con una risposta.

Prosegui la lettura…

Il tag <a> – Collegamento ipertestuale

12 novembre 2008 admin Nessun commento

Definizione

Il tag <a> è forse il tag più importante dei linguaggi HTML e XHTML, ed è il tag che definisce un collegamento ipertestuale permettendo di navigare da una pagina all’altra.

Questo tag può essere utilizzato in due modi:

  • Per creare un collegamento che da una pagina fa passare ad un’altra pagina.
  • Per creare un collegamento all’interno della stessa pagina, ad esempio in una pagina molto lunga e divisa in capitoli si può inserire un indice in testa con i collegamenti che puntano ai vari capitoli della stessa pagina.

Prosegui la lettura…