html5

HTML5: nuovi elementi e principi fondamentali

Vediamo insieme oggi i principi fondamentali che si devono conoscere per iniziare lo studio di HTML5, non solo, andiamo anche a dare un’occhiata ai nuovi elementi che di fatto lo fanno diventare un linguaggio web a parte, distante dall’HTML, il suo progenitore.

Perché HTML5? Perché giustamente ce lo chiedono spesso nelle lezioni private e dunque non ci faremo scappare di redigere alcune piccole mini guide anche sul blog di LaraMind.

L’HTML5 è un linguaggio che sta in mezzo ai linguaggi di markup e ai linguaggi di programmazione, nel senso, è ovviamente un linguaggio di markup che però contiene delle forti logiche di programmazione intrinseche nella sua struttura.

Struttura pagina HTML

Una pagina web è una struttura ad albero composta da elementi e testo. Un elemento è formato da una coppia di tag. L’insieme di elementi e di testo di cui una pagina si compone viene detto markup, vediamo insieme le novità apportare dall’avvento di HTML5.

Novità apportate da HTML5

  • Introduzione di regole più stringenti per quanto riguarda la strutturazione del testo
  • Estensione degli elementi presenti nei form
  • Supporto a SVG e Canvas
  • Introduzione tag video e audio

Nuovi Elementi introdotti da HTML5

Sono Tag semantici, che offrono un approccio migliore alla pagina

  • section
  • hgroup
  • article
  • aside
  • nav
  • header
  • footer
  • figure
  • figcaption
  • mark
  • timr

Form – nuove soluzioni per i form in HTML grazie ad HTML5

Ecco le principali novità apportate lato form:

  • il tag form: proprietà action e method
  • input e i suoi type: text, submit, checkbox, radio
  • select: selezione singola e multipla
  • textarea: scrivere testo su più righe

Di conseguenza nascono nuovi tipi di “input”

  • type tel, email e url
  • type number
  • type range
  • type date
  • type search

si aggiungono pertanto nuovi elementi:

  • il tag progress e meter
  • attributo placeholder
  • autocomplete
  • tag datalist

Se sei alla ricerca di un Corso LaraMind, consulta il catalogo e scegli la soluzione più adatta alle tue esigenze, dai un’occhiata al nostro servizio di formazione custom! Ti aspettiamo.

 

Leave a reply