You are on page 1of 6

Sede Huacho

ESCUELA PROFESIONAL DE INGENIRA DE


SISTEMAS
TECNOLOGA WEB I
TEMA: Act. Investigacion Formativa-I-U
DOCENTE TUTOR
Mg. Orlando Iparraguirre Villanueva
ALUMNO
GRANADOS SANTOS JHOON HENRRY
SEMESTRE ACADMICO
2016 - I
CICLO: V

Huacho, 05 de abril de 2016

HTML 5

HTML5 es la ltima actualizacin en el mercado del diseo web y desarrollo de


software. Tambin es el mejor sustituto de flash mientras que proporciona
compatibilidad con todo tipo de navegadores.

HTML5 se reconoce como un estndar que est siendo constantemente


supervisado y mejorado para optimizar su funcionalidad.
Aqu veremos las razones principales porque HTML5 es superior a HTML4 o
XHTML.

Qu hace diferente a HTML5?


HTML 5 se construy teniendo en cuenta las demandas de las empresas
actuales y las expectativas del usuario final. Hubo una decisin dramtica de
distinguir el proceso por el que el navegador interpreta el archivo, de la manera
en que el programador lo escribe.
Los navegadores interpretan al codigo HTML 4 como un elemento central, pero
en HTML 5 no se utilizan elementos centrales. HTML 5 utiliza CSS en lugar de
eso, con mejores resultados y una mejor funcionalidad. El proceso ha sido

diseado de tal manera que los navegadores antiguos se enfrentan a pocos


problemas de compatibilidad.
HTML5: sin Frames
La mayora de los desarrolladores de software y profesionales de diseo web
odian a los frames (marcos). El proceso de utilizacin de los marcos, y
framesets es tedioso y complicado. HTML 5 elimina los frames por completo
usando CSS en su lugar.
HTML 5 conserva el uso de tablas, pero no permite su uso para la colocacin o
agregado de pxeles. Esto se hace porque cuando se utilizan herramientas web
para obtener datos que dentro del documento (que han incorporado el uso de
tablas para alinear las pginas) se producen resultados confusos.
As es que comandos como align, bgcolour, cell padding, height, rules, valign,
cell spacing, border and width no se utilizarn ms y todos sus usos han de
lograrse mediante el uso de CSS.

Los desarrolladores de software tienen que invertir un poco de tiempo para


aprender CSS correctamente, pero esto es un bien a largo plazo.
HTML5 hace la codificacin sencilla
Los navegadores de todo tipo que vendrn en el futuro sern ms rpidos y
potentes debido a este movimiento hacia la computacin en nube. HTML 5
provee la oportunidad para que todos los desarrolladores de software que
trabajan en diseo web utilicen cdigo simplificado dejando el trabajo duro para
el navegador. Esto ha ocurrido debido al uso de AJAX y la insercin de
audio/vdeo.
Los nuevos elementos o etiquetas de estructuracin que incorpora HTML5, se
refieren slo a la estructura interna del documento.
Que hace de HTML5 una buena noticia para el futuro?
HTML 5 define un lenguaje de marcado nico que se puede escribir utilizando

XHTML o HTML.

El marcado para documentos se racionaliza y mejora, mientras que las APIs


Interfaces de programacin de aplicaciones se utilizan para la tramitacin de
las solicitudes complejas basadas en web.
Todas estas razones hacen de HTML 5 el socio ideal para la tecnologa mvil.
De hecho, el informe de investigacin Strategy Analytics de 2011 establece
claramente que las previsiones de ventas de telfonos mviles y tabletas que
son compatibles con HTML 5 superarn la marca de 1 billon.

Elementos de HTML5
1. Elementos <script> y <link> ms simples
En HTML5 ya no es necesario usar el atributo type cuando declaramos los
archivos .css o .js:
2. Nuevo Doctype
La definicin del tipo de documento, el doctype, tambin ha modificado su
formato por uno ms sencillo e intuitivo:
3. Mayores elementos semnticos
4. Las comillas en HTML5
En HTML5 ya no es necesario que los atributos de los elementos estn
encerrados entre comillas, ahora se pueden declarar de la siguiente forma:
5. Nuevas etiquetas para HTML5
Desaparecen las etiquetas como <embed> y <object> a la hora de incluir audio,
animaciones flash y video. Para ello, en la nueva versin HTML5, disponemos
de dos nuevas etiquetas <audio> y <video>, as como otra etiqueta <canvas>,
que nos permite trabajar con grficos y animaciones.

6. Nuevas APIS
El nuevo lenguaje HTML5 incorpora nuevas APIS que nos permiten trabajar
con bases de datos en local, interactuar por parte del usuario final con distintos
elementos de la interfaz (arrastrar y soltar) , mejoras en la Geo localizacin,
entre otros.
7. Contenido editable
Ahora con HTML5 podemos hacer que cualquier elemento que contenga textos
(prrafos, listas, ttulos, entre otros) sea editable en el mismo navegador:
8. Validacin nativa HTML5
En HTML5 podemos declarar el atributo required en los campos de un
formulario que queremos que sean obligatorios de rellenar:
9. Autofocus
HTML5 introduce el atributo autofocus para campos de formulario, esta
propiedad hace que al cargar la pagina el foco del usuario se centre en el
campo de texto deseado, ideal para los campo de bsqueda de una pgina
web:
10.Canvas
Canvas, es sin lugar a dudas, uno de los elementos ms interesantes que
introduce HTML5, el canvas es un plano vaco en el cual podemos dibujar
graficos con la ayuda de Javascript:

BIBLIOGRAFIA:
http://www.cloud-tic.com/diseno-web-las-ultimas-novedades-introducidas-enhtml5/
http://www.psdahtmlpasoapaso.com/blog/por-que-html5-es-mejor-que-laversion-anterior
http://donnierock.com/2012/04/02/estructura-en-html5/