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? Il 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
e 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!
