HTML es el lenguaje que se emplea para el desarrollo de páginas de Internet. Está compuesto por una serie de etiquetas que el navegador interpreta y da forma en la pantalla.
HTML dispone de etiquetas para imágenes, hipervínculos, botones, texto saltos de línea, listas, tablas, vídeo, entre otras que nos permiten interactuar con a otras páginas su contenido.
Este ejemplo está formado por 3 etiquetas HTML.
Como podemos observar cada una de las etiquetas debe acabar con su homóloga de cierre. En este caso la etiqueta <html> debe cerrarse con </html>, la etiqueta <body> con </body> y la etiqueta <p> con </p>.
Hay muchas más etiquetas que componen html, nos debe quedar claro que por cada etiqueta que abramos, deberemos incluir la correspondiente etiqueta de cierre. Así conseguiremos un código HTML bien formado y que los navegadores pueden interpretar sin ambigüedad.
HTML nació públicamente en un documento llamado HTML Tags (Etiquetas HTML), publicado por primera vez en Internet por Tim Berners-Lee en 1991 actualmente Considerado como el padre de la Web.
En esta publicación se describían 22 etiquetas que mostraban un diseño inicial y relativamente simple de HTML. Varios de estos elementos se conservan en la actualidad. Otros se han dejado de usar, y muchos otros se han ido añadiendo con el paso de los años.
Han existido distintas versiones de HTML a lo largo de la historia de Internet. pero de entre todas la mas significativa es en concreto con tecnología HTML 5 estándar actual y el más utilizado por los navegadores y páginas web de hoy.
Con HTML 5 surgen nuevos elementos que dan mayor significado, coherencia y estandarización a nuestras estructuras web:
header: cabecera.
article: artículo publicado.
section: sección dentro del artículo.
footer: pie de página.
nav: menú de navegación.
aside: barra lateral o sideba
Actualmente la mayor parte del contenido multimedia está siendo transmitido mediante reproductores flash embebidos en nuestro código HTML.
Dependemos de una tecnología de terceros para poder compartir material audiovisual: Flash de la compañía Adobe. Sin entrar a valorar su rendimiento y ventajas / desventajas es evidente que es una barrera de entrada que un usuario no pueda visualizar en primera instancia todo este contenido hasta que instale en su navegador el plugin flash correspondiente.
Así pues tenemos estas dos nuevas etiquetas:
video
audio
Ahora con HTML 5, todo es mucho más sencillo, como debería haber sido siempre:
una de las necesidades en los últimos años en cuanto al desarrollo de sitios web han sido nuevos tipos de controles, buena muestra de ello, es la cantidad abrumadora de plugins para selección de fechas en calendario, cajas de búsqueda, validación de e-mails y urls… todas estas carencias han sido cubiertas con estos nuevos controles para nuestros formularios:
Fechas y horas
Email
Url
Búsqueda
los navegadores ha implementado selectores de fechas por defecto (date pickers) entre otros para facilitar tanto al desarrollado como navegador su implementación / uso.
Elemento Canvas
Desde ahora el elemento canvas será un estándar más y nos permitirá entre otras cosas renderizar con detalle nuestras gráficas de datos, gráficos para videojuegos y otras imágenes al vuelo (en tiempo real).
A pesar de poder renderizar cualquier tipo de gráfico, en la definición recomiendan no utilizar canvas para lo que no ha sido creado, por ejemplo no tendría sentido utilizarlo para recrear una cabecera (header) de nuestra página web con nuestro logo, ya que en este caso tendríamos que emplear el elemento <h1>.
Cross-document messaging
los navegadores web no habian permitido la interacción entre documentos alojados en distintos dominios, las razones han sido principalmente por seguridad y privacidad.
Si bien desactivar el “cross-site scripting” es una importante forma de asegurar seguridad y de prevenir problemas, está también impidiendo la comunicación entre scripts de documentos que en un principio deberían ser seguros. Por ejemplo, podríamos tener la necesidad de comunicarnos entre documentos de dos proyectos propios alojados en diferentes dominios.
Este caso o excepción HTML 5, ha cubierto el problema, la seguridad y privacidad se reforzaron contra agentes externos, servicios web distribuidos entre diferentes dominios.
Elementos y Atributos obsoletos
HTML5 ha eliminado algunos elementos y atributos que se han quedado obsoletos o que no cumplen con las bases de la nueva definición.
Los elementos eliminados son:
acronym
applet
basefont
big
center
dir
font
frame
frameset
isindex
noframes
s
strike
tt
u
Los atributos eliminados son:
rev y charset en <link /> y <a />
target en <link />
nohref en <area />
profile en <head />
version en <html />
name en <map />
scheme en <meta />
archive, classid, codetype, declare y standby en <object />
valuetype en <param />
charset en <script />
header, axis y abbr en <td /> y <th />
</body>
Otras mejoras y funcionalidades
lista de novedades en el estandar html5:
Almacenamiento en Base de Datos offline
Drag and Drop (arrastrar y soltar)
Edición de Documentos
Nuevos atributos: ping (en <a> y <area>), charset (en <meta>), async (en <script>)
Gestión de Historial del Navegador
Resumen.
HTML5 a llegado para quedarse y actualmente es el estándar utilizado prácticamente por la mayoría de las paginas web en Internet, una de las aplicaciones que mas lejos a llevado el desarrollo web de HTML5 hacia el futuro es el "EDITOR WIX," permite crear una pagina web sin necesidad de aprender a programar o escribir código de programación, es un entorno 100% visual, con todas las funciones y componentes que se requieren para construir un sitio web profesional.
Crear paginas web sin saber programar o codear en lenguaje de programación nunca habia sido tan fácil. Aprende a través de Taller Wix,
crea tu primera pagina web en solo minutos completamente ¡¡¡GRATIS!!!, te gustaría saber mas.
Te enseñamos paso a paso como crear un sitio completamente gratis, Tu mismo puedes controlar toda la estructura y proceso de diseño, para que, el sitio quede como tu quieres.
No pierdas dinero, los clientes potenciales de tu negocio o idea te esperan...
REGISTRATE: www.tallerwix.com