|
HTML (actualmente en su versión 4), o Lenguaje de Marcado de Hipertexto, es el lenguaje de etiquetas para la elaboración de páginas web.
Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes.
HTML se escribe en forma de "etiquetas", rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo Javascript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.
El lenguaje HTML puede ser creado y editado con cualquier editor de textos básico, como puede ser Gedit en Linux, el Bloc de Notas de Windows, o cualquier otro editor que admita texto sin formato como GNU Emacs, Microsoft Wordpad, TextPad, Vim, Notepad++, entre otros. |
Que es HTML 5
El HTML 5, no es simplemente una nueva versión del lenguaje de marcación HTML, sino una agrupación de diversas especificaciones para el desarrollo de páginas Web. HTML 5 no se limita sólo a crear nuevas etiquetas, atributos y eliminar aquellas marcas que están en desuso o se utilizan inadecuadamente, sino que va mucho más allá.
HTML 5 establece una serie de nuevos elementos y atributos que reflejan el uso típico de los sitios Web modernos. Algunos de ellos son técnicamente similares a las etiquetas "div" y "span", pero tienen un significado semántico, como por ejemplo "nav" (bloque de navegación del sitio Web) y "footer". Otros elementos proporcionan nuevas funcionalidades a través de una interfaz estandarizada, como los elementos "audio" y "video".
Mejoras en el elemento "canvas". Algunos elementos de HTML 4.01 han quedado obsoletos, incluyendo elementos puramente de presentación, como "font" y "center", cuyos efectos son manejados por el CSS. También hay un renovado énfasis en la importancia del scripting DOM para el comportamiento de la Web.
El desarrollo de este código es regulado por el Consorcio W3C.
Cuáles son las novedades de HTML 5
HTML 5 incluye novedades significativas. Las mejoras en áreas que hasta ahora quedaban fuera del lenguaje utilizando otras tecnologías.
• Estructura del cuerpo. HTML 5 permite agrupar todas estas partes de una Web en nuevas etiquetas que representarán cada uno de las partes típicas de una página.
• Etiquetas para contenido específico. Ahora se utilizarán etiquetas específicas para cada tipo de contenido en particular, como audio, vídeo, etc.
• Canvas: es un nuevo componente que permitirá dibujar, por medio de las funciones de un API.
• Bases de datos locales: Se podrá trabajar en una página Web por medio del cliente y a través de un API.
• Web Workers: son procesos que requieren bastante tiempo de procesamiento, y se realizaran en un segundo plano.
• Aplicaciones Web Offline: Existirá otro API para el trabajo con aplicaciones Web, que se podrán desarrollar de modo que funcionen también en local y sin estar conectados a Internet.
• Geolocalización: Las páginas Web se podrán localizar geográficamente por medio de un API que permita la Geolocalización.
• Nuevas APIs para interfaz de usuario: El "drag & drop" (arrastrar y soltar) en las interfaces de usuario de los programas convencionales, serán incorporadas al HTML 5 por medio de un API.
• Fin de las etiquetas de presentación: Todas las etiquetas que tienen que ver con los estilos de la página, serán eliminadas. La responsabilidad de definir el aspecto de una Web correrá a cargo únicamente de CSS.
El HTML 5 es un proyecto tan ambicioso, que está llevando mucho tiempo para ser desarrollado.
Ejemplo del nuevo formato de código en HTML5
Navegadores que soportan hoy HTML 5
Los tres Navegadores que YouTube está recomendando, soportan pequeñas partes del boceto actual del HTML5. Por ejemplo, el FireFox 3.5 soporta los nuevos elementos audio y video, así como también la etiqueta canvas es soportada parcialmente por este navegador.
El Google Chrome también soporta alguna de las nuevas características del HTML5. Una de ellas, es la de los “Web Forms 2.o” (o Formularios Web 2.0), que indica que ahora el atributo type de un input de un formulario, puede tener valores para crear selectores de fecha, valores para validar el campo como un correo electrónico o un sitio Web, etc.
Mientras que Internet Explorer 8 (IE8), tiene un soporte muy básico del elemento canvas, soporte parcial para la funcionalidad “drag and drop” (arrastrar y soltar), o el nuevo atributo contenteditable, que permite editar el contenido del HTML mediante WYSYWIG.
Cuándo estará listo HTML 5
Se prevé esté listo como especificación de implementación recomendada en el 2012. ¿Quiere esto decir que vamos a tener que esperar hasta 2012 para aprovechar las ventajas de HTML 5? realmente no es justamente así, puesto que algunos navegadores ya implementan muchas de las características del moderno lenguaje.
Las versiones más nuevas de casi todos los navegadores, incluido el polémico Internet Explorer 8, implementan algunas de las características de HTML 5. Para que una Web se vea bien en todos los sistemas, hay que utilizar sólo aquellas partes que funcionan en todos los navegadores, por lo que a día de hoy, pocas son las utilidades realmente disponibles del lenguaje, si queremos hacer un sitio Web compatible.
|
¿Qué es CSS?
Hojas de Estilo en Cascada (Cascading Style Sheets), es un mecanismo simple que describe cómo se va a mostrar un documento en la pantalla, o cómo se va a imprimir, o incluso cómo va a ser pronunciada la información presente en ese documento a través de un dispositivo de lectura. Esta forma de descripción de estilos ofrece a los desarrolladores el control total sobre estilo y formato de sus documentos.
CSS se utiliza para dar estilo a documentos HTML y XML, separando el contenido de la presentación. Los Estilos definen la forma de mostrar los elementos HTML y XML. CSS permite a los desarrolladores Web controlar el estilo y el formato de múltiples páginas Web al mismo tiempo. Cualquier cambio en el estilo marcado para un elemento en la CSS afectará a todas las páginas vinculadas a esa CSS en las que aparezca ese elemento.
CSS funciona a base de reglas, es decir, declaraciones sobre el estilo de uno o más elementos. Las hojas de estilo están compuestas por una o más de esas reglas aplicadas a un documento HTML o XML. La regla tiene dos partes: un selector y la declaración. A su vez la declaración está compuesta por una propiedad y el valor que se le asigne.
h1 {color: red;}
h1 es el selector
{color: red;} es la declaración
El selector funciona como enlace entre el documento y el estilo, especificando los elementos que se van a ver afectados por esa declaración. La declaración es la parte de la regla que establece cuál será el efecto. En el ejemplo anterior, el selector h1 indica que todos los elementos h1 se verán afectados por la declaración donde se establece que la propiedad color va a tener el valor red (rojo) para todos los elementos h1 del documento o documentos que estén vinculados a esa hoja de estilos... leer más
|
