HTML 5 - Trabajo

Diseo y evaluacin de proyectos
1
UAP AREQUIPA

HTML5

Definicin
HTML5 Hypertext Markup Language es el lenguaje usado para para el diseo y
desarrollo de pginas web, describe la estructura y el contenido usando solo texto y lo
complementa con objetos tales como imgenes, flash y otros.
Los archivos as creados son guardados con la extensin de archivo HTM o HTML.
Su estructura se compone de etiquetas o tags entre las cuales van insertados los
diferentes elementos que componen la pgina como son los bloques de texto, scripts y la
ruta a la ubicacin de archivos externos como imgenes y otros archivos multimedia.

Versiones o especificaciones de HTML
HTML la primera especificacin de 1991
HTML 3.0 propuesta por el recin formado W3C en 1995
HTML 4 1999
XHTML 2002
HTML5 usndose actualmente pero aun en desarrollo
Para que nos sirve HTML5
HTML5 es una coleccin de estndares para el diseo y desarrollo de pginas web, nos
permite una mayor interaccin entre nuestras pginas web y contenido media (video,

2
UAP AREQUIPA

audio, entre otros) as como una mayor facilidad a la hora de codificar nuestro diseo
bsico.
Las ventajas que presenta son:
Tiene una sintaxis ms clara.
Elementos semnticos ms concretos.
Nuevos elementos de formulario que facilitan la programacin de los
mismos.
Hace que se dependa menos de Flash, Silverlight y ciertas libreras de
JavaScript.
Hace que el navegador dibuje y ejecute de forma ms rpida la web.
Es compatible con los exploradores:

Diferencias del cdigo de HTML5 con lenguajes anteriores

No es necesario el cierre de las etiquetas:

<br /> ahora se sustituye por: <br>
<hr /> por: <hr>
<img src=""/> por: <img src="">
<input ./> por: <input .>
Se puede usar tanto minscula como maysculas en el cdigo a diferencia del XHTML
que solo admite minsculas.

El Doctype o declaracin del documento est completamente minimizado, en HTML5
solo es necesario emplear:
<!DOCTYPE html>
Introduce nuevos marcadores para sumarlos a los existentes <div> en usos especficos,
por ejemplo: <nav>, <footer>, <audio>, <video>, etc.
Estructura semantica
HTML4 y HTML5 son compatibles entre s funcionara sin problemas en HTML5. Para
empezar a usar HTML5 lo nico que tienes que hacer es colocar este DOCTYPE 4
antes de la etiqueta <html>:

3
UAP AREQUIPA

<header> Es para la informacin de cabecera
(logo, texto introductorio)
<section></section> y <article></article>
Para organizar los contenidos principales dentro de un documento o aplicacin, Puede
contener subsecciones y si lo acompaamos de h1-h6 podemos estructurar mejor toda la
pgina creando jerarquas del contenido, algo favorable para el buen posicionamiento
web.
<aside></aside>
Representa una seccin de la pgina que abarca un contenido tangencialmente
relacionado con el contenido que lo rodea, por lo que se le puede considerar un
contenido independiente en barras laterales, elementos publicitarios, u otro contenido
que se considere separado del contenido principal de la pgina.
<nav></nav>
El elemento <nav> representa una seccin de una pgina que es un link a otras pginas
o a partes dentro de la pgina: una seccin con links de navegacin.
<footer></footer>
Representa el pi de una seccin, con informacin acerca de la pgina/seccin que poco
tiene que ver con el contenido de la pgina, como el autor o el ao.
Las etiquetas nuevas importantes de
HTML5
Las etiquetas semnticas, a pesar de ser claves para el posicionamiento en
buscadores y buen desarrollo web, no son la razn principal de HTML5, video,
audio y animacin son las nuevas etiquetas las cueles son:
<video>
Inserta video sin necesidad de plugins. Es muy fcil usarla, pero cada navegador
soporta codecs diferentes de video, lo que hace necesario recodificar un video en
mltiples codecs.

4
UAP AREQUIPA

<audio>
Lo mismo que video, pero sin video. Puede usar mltiples formatos, en especial
mp3, pero tambin depende del navegador.
<input *>
Input ya exista como la etiqueta para insertar cajas de texto y botones. Ahora
es ms poderosa, con la capacidad de insertar cajas tipo email que se
autovalidan, calendarios tipo date, sliders, nmeros, entre otras.
<canvas>
Un rea de dibujo vectorial y de bitmaps con Javascript. Es un API de dibujo
entero para Javascript.
<svg>
Una etiqueta, igual que <img>, para insertar dibujos y animaciones vectoriales al
estilo de Flash. Todo basado en el estndar abierto SVG (Scalable Vector
Graphics), derivado de XML.
Donde se utiliza

Conclusin
La nueva versin de HTML contiene elementos dedicados ampliamente a mejorar la
experiencia del usuario en nuestra pgina web, haciendo ms fcil al diseador poder
agregar elementos de audio, video y en general del web 2.0 as como organizar sus
contenidos utilizando menos cdigo.
La nueva versin es ms eficiente y ocupa menos recursos en la computadora del
cliente, en particular mediante el uso del nuevo reproductor que no requiere flash o
adobe player para utilizarse, y siendo el HTML5 compatible con las versiones anteriores
de HTML, utilizar la nueva versin en una pgina ya diseada implica un menor trabajo
que si fuera una coleccin completamente nueva.
Por el contrario, HTML5 radica fuertemente en las capacidades del explorador, por lo
que en estos momentos no todos los exploradores lo soportan (actualmente slo
Chrome, Safari, Firefox y Opera soportan la mayora de las caractersticas).


5
UAP AREQUIPA

BIBLIOGRAFIA
http://www.vidamrr.com/2012/09/25-sitios-web-hechos-solo-con-html5-que.html
http://www.esterea.com/diseno/webs-hechas-en-html5/

HTML 5 - Trabajo

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

HTML 5 - Trabajo

Cargado por

Copyright:

Formatos disponibles

Diseo y evaluacin de proyectos

También podría gustarte