• Home
  • SEO e Web Marketing
  • Webmaster e Developing
  • Design e Photoshop
  • Info
  • Blogroll
  • Parlano di noi su...
  • Scaricare Programmi

Come validare l’html e alcuni consigli

w3c

La validazione del codice html delle pagine web è molto importante, ma pochi siti la rispettano, primi tra tutti Google con 57 errori.

Avere un codice validato è molto importante perchè prima di tutto assicura un’interpretazione del codice da parte del browser molto più veloce, le pagine risultano più leggibili per gli utenti e sopratutto appariranno più simili tra di loro in tutti i browser.

Per validare una pagina il w3c mette a disposizione uno strumento scritto in java con cui è possibile analizzare il codice in tre modi:

  • tramite inserimento dell’URL della pagina
  • caricando il file sui loro server
  • facendo copia e incolla del codice

Dopo aver cliccato su Check apparirà il risultato della validazione, se sarà validato la barra sopra l’input si colorerà di verde, e verranno messi a disposizione le immagini da inserire nel proprio sito. In caso contrario, la barra diventerà rossa e sotto verranno mostrati tutti gli errori.

Per ogni errore verrà mostrata la sua riga,  il tipo di errore, viene riportato il codice sbagliato, e delle possibili cause e soluzioni.

Errori comuni da non commettere

Tra gli errori più comuni e banali che si commettono vi sono:

  • tag style scritto così <style> anzichè così <style type=”text/css”>
  • chiudere i meta-tag così “> e non così ” />, cioè con lo slash finale (in xhtml)
  • stesso errore di sopra per i tag che non prevedono incorporazioni, tipo img, input, br e link (in xhtml)
  • inserire i titoli h1 h2 e gli altri dentro i paragrafi <p>
  • inserire div all’interno di tabelle
  • inserire tabelle all’interno di tabelle
  • dimenticarsi di chiudere i tag: per esempio si apre un div, e poi non si chiude
  • Share this on del.icio.us
  • Share this on Facebook
  • Tweet This!
  • Stumble upon something good? Share it on StumbleUpon
  • Share this on Technorati
  • Digg this!
  • Add this to Google Bookmarks
    modificare-lattributo-valu
    Modificare l’attributo VALUE negli input al passaggio del mouse

    L'attributo Value, in italiano valore, permette di decidere quale testo lasciare di default negli elementi input, cioè caselle di testo dei form o...


    h1-h2-h3-h4-h5-h6
    h1 h2 h3: come utilizzare gli heading nelle pagine web

    Qualche giorno fa su Edit è stato pubblicato un post in cui veniva segnalato un sito interamente dedicato all'infinita questione su l'utilizzo...


    software-html
    5 Programmi Gratuiti per WebMaster

    Realizzare un sito Internet può essere completamente gratuito, si può infatti risparmiare sullo spazio web, con soluzioni non certo...


    nuovi-siti-e-temi-wordpress
    Nuovi siti e temi wordpress realizzati

    Ultimamente l'attività di blogger ha avuto dei rallentamenti, perdendo ahimè anche qualche visitatore. Purtroppo sono stato impegnato nella...


    ridimensionare-al-volo-uni
    Ridimensionare al volo un’immagine con Php

    Ieri abbiamo visto come recuperare l'ultima immagine di un post in wordpress. Oggi vediamo quindi come ridimensionarla al volo. Scaricate questo...




Ti è piaciuto questo Articolo? Iscriviti ai Feed, o segui il Blog via Email!

Email:
Tags: Html, Webmaster
Postato su Html, Risorse Web, Webmaster on 11 gennaio, 2009

3 Commenti su “Come validare l’html e alcuni consigli”

  1. DanieleNo Gravatar dice:
    11 gennaio, 2009 at 23:03

    Ciao!

    Una piccola prescisazione:
    i tag come img e br vanno chiusi con / solo se la pagina è in XHTML.

    Quando si scrive in HTML invece lo slash deve essere omesso, altrimenti la pagina non viene validata ;)

  2. AngeloNo Gravatar dice:
    11 gennaio, 2009 at 23:10

    @daniele: giusta precisazione, io ho generalizzato perchè ormai quasi tutto è scritto in xhtml.. ormai non vedo e non scrivo codice html puro da tanto tempo.. ;) cmq ho corretto! grazie

  3. marbioNo Gravatar dice:
    14 gennaio, 2009 at 10:26

    utile! ;-)

  • Isrciviti ai feed facebook profile technorati profile

WebMaster: non perderti questi Articoli!

  • Cosa fare subito dopo aver aperto un Blog
  • Tecniche per fare scambio link
  • Come realizzare una grafica per WordPress
  • Come inserire Lightbox in WordPress
    • Risorse Web (87)
      • Plugins (12)
      • Tutorial (7)
    • Senza categoria (4)
    • SEO (34)
      • Strumenti per WebMaster (6)
      • Web Marketing (5)
        • Social Network (5)
    • Web Design (60)
      • Css (22)
      • Photoshop (7)
      • Template (10)
    • Web Development (44)
      • Ajax (4)
      • Html (19)
      • Javascript (16)
      • Php (14)
    • Webmaster (90)
      • Browser (6)
      • Cms Alternativi (3)
      • Google (19)
      • Programmi per Web Designer (2)
      • Programmi per WebMaster (3)
      • WordPress (31)

    Tag Cloud

    aggiornamento pagerank Aggiungi nuovo tag aumentare i visitatori Browser Brush Chrome Experiments Cms Css feed Film Geek Flash Flat Nuke Font Frog Cms Google Google Chrome grafica Html Icone Internet Explorer 8 Javascript Javascript V8 msn experience New Cms Personalizzare Wordpress Photoshop Php plugin Programmi per Web Designer pulsanti web Risorse Web scambio link SEO social media strumenti per webmaster tema wordpress Template wallpaper web 2.0 Web Design Web Development web marketing Webmaster word WordPress

    Ultimi Commenti

    • Lorenzo De Santis su Buone Vacanze a tutti i lettori
    • Lorenzo De Santis su Buone Vacanze a tutti i lettori
    • Lorenzo De Santis su Buone Vacanze a tutti i lettori
    • Angelo su Buone Vacanze a tutti i lettori
    • Lorenzo De Santis su Buone Vacanze a tutti i lettori
    © NoizExperience Blog. Tutti i diritti riservati.
    Web Design