Un po di storia:

L'html fu sviluppato verso la fine degli anno 80 Tim Berners-Lee al CERN di Ginevra assieme al noto protocollo HTTP che supporta invece il trasferimento di documenti in tale formato. A seguito del grande sviluppo del web nel 1994 ebbe largo impiego e diffusione.

Nel corso degli anni si è passati da diverse revisioni per adattare, l'html, alle esigenze del web moderno. Chi sviluppo questo linguaggio si basò semplicemente sull'aspetto logico e non grafico in quanto i terminali non avevano grande potenza di elaborazione, rendendo inutile soffermare l'attenzione all'ottimizzazione dell'aspetto grafico. Ad oggi è possibile utilizzare linguaggi come CSS e JavaScript per implementare effetti grafici per creare animazioni e contenuti dinamici.

Ad oggi possiamo dividere i web designer in due categorie fondamentali:

  • quelli che prediligono gli editor WYSIWYG che si occupano dello sviluppo visuale della pagina html e generano automaticamente il codice
  • quelli che, essendo amanti dell'ottimizzazione, preferiscono scrivere il codice partendo da zero (noi inizieremo a fare questo)

La pulizia del codice è fondamentale quando si avrà a che fare con pagine sempre più complesse e si dovranno gestire il codice in modo adeguato. C'è da precisare che l'html non è un linguaggio di programmazione in quanto non vi è l'impiego di variabili, quindi si può definire come un linguaggio di formattazione.

Il 24 dicembre del 1999 veniva resa pubblica l'utilma versione dell'html, la 4.01 che ad oggi è l'ultimo standard che precede l'html5, infatti dopo questa versione iil W3C spostò la sua attenzione sull'xhtml che permetteva l'introduzione dei fogli di stile (CSS). Col tempo si affaccio anche xhtml 2.0 che però non ottene mai la standardizzazione in quanto non garantiva la retrocompatibilità con l'html 4.01 e quindi la maggior parte dei siti sarebbero diventati obsoleti.

Nel 2004 fu fondato il Web Hypertext Application Technology Working Group (WHATWG) da sviluppatori appartenenti ad Apple, Mozilla Foundation e Opera Software), che iniziò ad implementare un linguaggio che potesse esser utilizzato per le applicazioni web focalizzando l'attenzione sui miglioramenti da apportare all'html. Si può dire impropriamente che l'html5 non è ancora nato in quanto non ha ottenuto la standardizzazione, ma la riceverà entro la fine del 2014, per poi focalizzare l'attenzione alla nuova versione html5.1 che dovrebbe diventare uno standard entro il 2016.

Introduzione alla sintassi:

di seguito verrà riportata una lista dei tag html evidenziando quali sono stati introdotti con l'html5.

[accordion]
[acc_item title="Root element"]<html>[/acc_item]
[acc_item title="Document Metadata"]

  • <head>
  • <title>
  • <base>
  • <link>
  • <meta>
  • <style>

[/acc_item]

[acc_item title="Scripting"]

  • <script>
  • <noscript>
  • <template> (Introdotto in  )

[/acc_item]

[acc_item title="Sections"]

  • <body>
  • <section> (Introdotto in  )
  • <nav>  (Introdotto in  )
  • <article> (Introdotto in  )
  • <aside> (Introdotto in  )
  • <h1>, <h2>, <h3>, <h4>, <h5>, <h6>
  • <header> (Introdotto in  )
  • <footer> (Introdotto in  )
  • <address>
  • <main> (Introdotto in  ) 

[/acc_item]

[acc_item title="Grouping content"]

  • <p>
  • <hr>
  • <pre>
  • <blockquote>
  • <ol>
  • <ul>
  • <li>
  • <dl>
  • <dt>
  • <dd>
  • <figure> (Introdotto in  ) 
  • <figcaption> Introdotto in  ) 
  • <div>

[/acc_item]

[acc_item title="Text-level semantics"]

  • <a>
  • <em>
  • <strong>
  • <small>
  • <s>
  • <cite>
  • <q>
  • <dfn>
  • <abbr>
  • <data> (Introdotto in  ) 
  • <time>  (Introdotto in  ) 
  • <code>
  • <var>
  • <samp>
  • <kbd>
  • <sub>,<sup>
  • <i>
  • <b>
  • <u>
  • <mark> (Introdotto in  ) 
  • <ruby> (Introdotto in  ) 
  • <rt> (Introdotto in  ) 
  • <rp> (Introdotto in  ) 
  • <bdi> (Introdotto in  ) 
  • <bdo>
  • <span>
  • <br>
  • <wbr> (Introdotto in  ) 
     

[/acc_item]

[acc_item title="Edits"]

  • <ins>
  • <del>

[/acc_item]

[acc_item title="Embedded content"]

  • <img>
  • <iframe>
  • <embed> (Introdotto in  )
  • <object>
  • <param>
  • <video> (Introdotto in  )
  • <audio> (Introdotto in  )
  • <source> (Introdotto in  )
  • <track> (Introdotto in  )
  • <canvas> (Introdotto in  )
  • <map>
  • <area>
  • <svg> (Introdotto in  )
  • <math> (Introdotto in  )

[/acc_item]

[acc_item title="Tabular data"]

  • <table>
  • <caption>
  • <colgroup>
  • <col>
  • <tbody>
  • <thead>
  • <tfoot>
  • <tr>
  • <td>
  • <th>

[/acc_item]

[acc_item title="Forms"]

  • <form>
  • <fieldset>
  • <legend>
  • <label>
  • <input>
  • <button>
  • <select>
  • <datalist> (Introdotto in  )
  • <optgroup>
  • <option>
  • <textarea>
  • <keygen> (Introdotto in  )
  • <output> (Introdotto in  )
  • <progress> (Introdotto in  )
  • <meter> (Introdotto in  )

[/acc_item]

[acc_item title="Interactive elements"]

  • <details> (Introdotto in  )
  • <summary> (Introdotto in  )
  • <menuitem> (Introdotto in  )
  • <menu> (Introdotto in  )

[/acc_item]

[/accordion]

 

 

Aggiungi commento

Per aggiungere un commento senza limitazioni devi essere registrato al sito :D


Codice di sicurezza
Aggiorna