C105 - Conceptes Bàsics HTML5

Conceptes bàsics HTML5
0
Barcelona Activa
Cibernàrium
El Cibernàrium és l’espai de Barcelona
Activa-Ajuntament de Barcelona per
a la formació i la divulgació tecnològica.
Situat a la 1a planta de l’edifici

MediaTIC, ofereix una àmplia oferta
formativa per donar resposta a les
demandes en formació TIC
dels professionals i pimes de la ciutat.
Cibernàrium
Edifici Media TIC
Roc Boronat, 117 – 08018 Barcelona
Accés
Metro: L1 Glòries i Clot / L4 Llacuna
Bus: 71 / 90 / 192
Bicing: 143 / 342 / 393
Segueix-nos a les xarxes socials

barcelonactiva
elcibernarium
company/barcelona-activa
bcn.cat/cibernarium
2
1 HTML5 ..................................................................................... 4
1.1 NOVES ETIQUETES SEMÀNTIQUES ..................................... 4
1. 2 FORMULARIS .................................................................... 4
1.2.1 ELS NOUS TIPUS DE CAMPS DEL FORMULARI............................... 4
1.2.2 TIPUS DE DADES I ELS VALIDADORS ............................................. 5
3
1 HTML5
Tal com hem vist HTML5 ens ofereix moltes novetats. Les principals novetats
fan referència a les etiquetes semàntiques, als formularis i a la validació
ortogràfica.
1.1 NOVES ETIQUETES SEMÀNTIQUES

El primer canvi que trobarem en una web realitzada en HTML5 serà el tag
<DOCTYPE>, que es simplificarà al màxim en relació a versions anteriors,
quedant limitat a:
<!DOCTYPE html>
La línea que correspon al charset, també es simplificarà al màxim
Quedant reduïda a:
<meta charset="utf-8">
1. 2 FORMULARIS
1.2.1 ELS NOUS TIPUS DE CAMPS DEL FORMULARI
En HTML5 també s’afegeixen tres nous tipus de camp de formulari:
 <DATALIST> Permet automatitzar l’ingrés de dades (llista desplegable) .

Reconeix els caràcters introduïts i s’autocompleta. Si el navegador no
ho reconeix, es mostrarà un input normal.
 <KEYGEN> Es generen dos claus, una pública i una privada quan fem el
submit s’envia la clau pública al servidor i la privada s’emmagatzema
localment. És útil per institucions que volen validar l’accés d’usuaris a
informació privada.
 Atributs: challenge (caràcters de validació que s’envien amb la clau) i
keytype (algoritme d’encriptació)
 <OUTPUT> Mostra el resultat d’un càlcul realitzat a través d’un script.
4
1.2.2 TIPUS DE DADES I ELS VALIDADORS

L'element input ha estat ampliat i ara permet tots aquests tipus de dades:
 datetime, datetime-local, date, month, week, time, per a indicar una

data/hora.
 number perquè l'usuari indiqui un nombre.
 range per indicar un rang entre dos nombres.
 email per indicar un correu electrònic.
 url per indicar una adreça web.
 search per indicar una recerca.
 color per indicar un color.
Podem fer servir els atributs requires (si volem que sigui obligatori introduir
un valor), autofocus (perquè el cursor es posi a sobre del camp en carregar la
pàgina), autocomplete i placeholder (text per defecte).
Tots els nous tipus de dades de formulari, es validaran automàticament en

prémer el botó de summit.
5
Descobreix
tot el que 00d
Barcelona Acompanyament durant

tot el procés de recerca
Suport per posar en marxa
la teva idea de negoci
Activa de feina
bcn.cat/emprenedoria
bcn.cat/treball
t´ofereix
Impuls a les empreses per Formació tecnològica i

ser més competitives gratuïta per a les persones
en recerca de feina,
bcn.cat/empresa emprenedors, empreses...
bcn.cat/cibernarium
Barcelona Activa Segueix-nos a les xarxes socials:
Seu Central barcelonactiva

barcelonactiva
Llacuna, 162-164
bcn_empresa
08018 Barcelona
elcibernarium
+34 934 019 777
company/barcelona-
barcelonactiva.cat
activa
Accés
Metro: L1 Glòries i Clot / L2 Clot
Bus: 7 / B21 / H12 / 60 / 92 / 192
Rodalies: R1 i R2 Clot
Tramvia: T4 Ca l´Aranyó / T5 i T6
Can Jaumandreu
Bicing: 42 / 133 / 132
Cofinançat per:
© Barcelona Activa. Darrera actualització 2016

C105 - Conceptes Bàsics HTML5

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

C105 - Conceptes Bàsics HTML5

Uploaded by

Copyright:

Available Formats

Conceptes bàsics HTML5

Conceptes bàsics HTML5

Situat a la 1a planta de l’edifici

Segueix-nos a les xarxes socials

1.1 NOVES ETIQUETES SEMÀNTIQUES

La línea que correspon al charset, també es simplificarà al màxim

 <DATALIST> Permet automatitzar l’ingrés de dades (llista desplegable) .

1.2.2 TIPUS DE DADES I ELS VALIDADORS

 datetime, datetime-local, date, month, week, time, per a indicar una

Tots els nous tipus de dades de formulari, es validaran automàticament en

Barcelona Acompanyament durant

Impuls a les empreses per Formació tecnològica i

Barcelona Activa Segueix-nos a les xarxes socials:

Seu Central barcelonactiva

© Barcelona Activa. Darrera actualització 2016

You might also like