Sei sulla pagina 1di 4

Qu es HTML5?

HTML5 es el nuevo estndar de HTML La versin anterior HTML 4.01 apareci en


1999. El web ha cambiado mucho desde entonces.
HTML5 todava est en desarrollo, pero muchos browsers ya soportan algunas de sus
caractersticas.

Desarrollo de HTML5.
HTML5 es el resultado de la cooperacin entre el World Wide Web Consortium (W3C) y
el Web Hypertext Application Technology Working Group (WHATWG).

Principios bsicos de HTML5.


Basarse en HTML, CSS, DOM, y Java Script
Reducir la necesidad de plugins
Mejor manejo de errores
Remplazar scripting con etiquetas
Independiente del dispositivo de visualizacin
Proceso de desarrollo transparente para el pblico de HTML5

Nuevas caractersticas de HTML5.


Elemento Canvas para dibujar
Elementos de video y audio
Almacenamiento de datos offline
Elementos asociados con el contenido: article, footer, header, nav, section

Nuevos controles en las formas: calendar, date, time, email, url, search

Estatus actual de HTML5.


HTML5 no es todava un estndar oficial y ningn browser lo soporta completamente
pero es en general bien soportado por los principales navegadores: Firefox, Safari,
Chrome, Opera, Internet Explorer 9. Se puede detectar si el navegador utilizado tiene
soporte para caractersticas individuales como canvas, video, etc. Se recomienda utilizar
las
caractersticas
disponibles
conforme vayan apareciendo.

Practica para Construir una Pgina Web.

Comience con el tipo de documento.

Las versiones modernas de HTML (XHTML y HTML5) tener un atributo


especial llamado el tipo de documento, lo que indica la forma en la que ser
tratado el documento HTML5 por los navegadores El tipo de documento para
XHTML era muy confuso.

Ahora en HTML5 basa con colocar esta etiqueta: html>, la cual define el tipo
de documento.

La definicin de tipo de documento debe estar en la primera lnea de su sitio


Web sin espacios o lneas que la precedan.

Si deja esto, probablemente pueda utilizar las funciones de HTML5, pero


validadores tendrn que adivinar qu forma de HTML se est utilizando.

Aadir la etiqueta <html>

Esta etiqueta especial indica el comienzo de una Web.

Lo mejor es indicar en qu idioma est escrita la pgina con el atributo


(lang=es) esto para el caso de espaol.

Los atributos se colocan dentro de la etiqueta de inicio, y constan de


un nombre y un valor separados por un =.

El valor del atributo puede permanecer sin entrecomillado.

El valor si se coloca entrecomillado

El valor, junto con el =, se puede omitir por completo si el valor es


una cadena vaca.

Asegrese de tener la etiqueta </html> de cierre correspondiente en la


parte inferior de la pgina.

Una buena prctica, es que cada vez que abramos una etiqueta la cerremos
para evitar errores futuros, (existen algunas excepciones de etiquetas nones
o que no tienen par las cuales veremos posteriormente).

Crear un rea de <head>.

La cabeza es algo as como el compartimiento del motor de un coche.

La gente no suele ir all, pero hay un montn de importantes funciones que


ah se realizan.

La cabeza est vaca en este simple ejemplo, pero se llenar con metainformacin, JavaScript y CSS pronto.

Especifique el juego de caracteres.

Si bien esto no es estrictamente necesario, se considera buena forma para


que el navegador sepa qu tipo de caracteres se utilizarn al mostrar
nuestra pgina.

Pginas escritas en Ingls general y en nuestro caso Espaol, debe utilizar


UTF-8, el cual se especifica con el siguiente cdigo: charset = UTF-8/> y se
coloca dentro de y .

Tabule su cdigo.

A los navegadores no les importa si su cdigo contiene sangras, pero es un


muy buen hbito para facilitar la lectura del cdigo.

Aadir comentarios.

Los comentarios no son estrictamente necesarias, pero nos son de mucha


utilidad para realizar pequeas anotaciones que nos faciliten la lectura de
nuestro cdigo.

Comentarios en HTML empiezan con .

Los comentarios pueden durar varias lneas.

Poner en un ttulo con <title> y </title>.

Esta etiqueta permite especificar un ttulo de su pgina.

El ttulo lo general aparece en la barra de ttulo del navegador Web, y


Tambin suele aparecer en los resultados del motor de bsqueda para tu
pgina.

Incluya la mayor parte de la pgina en las etiquetas <body>.

Si el rea de la cabeza es la del compartimiento del motor, el cuerpo es el


espacio para los pasajeros.

El cuerpo tendera la parte visible de la pgina web.

La etiqueta </body> suele ser justo antes de la etiqueta </html>, y despus


de la etiqueta <head>.

Utilice etiquetas de encabezado para describir su esquema.

La etiqueta <h1> es un ejemplo de un encabezado.

Todas las etiquetas de ttulo comienzan con h seguido de un nmero que


indica su jerarqua.

Los niveles de encabezado van desde el h1 (mas importante) hasta el h6


(ttulos secindarios).

Coloque la mayor parte del texto en prrafos.

Aunque HTML no requiere el uso de etiquetas de prrafo para colocar texto,


siguen siendo una muy buena idea que coloque cada prrafo dentro de y

Guarde el archivo con la extensin .html

Asegrese de guardar el archivo con la extensin.

Potrebbero piacerti anche