HTML, PROGRAMACIÓN

Historia de HTML y CSS

HTML que significa HyperText Markup Language (Lenguaje Marcado de Hipertexto) es un lenguaje de marcado que se usa en la elaboración de páginas web.

CSS por su parte en un lenguaje de diseño gráfico creado para complementar el lenguaje HTML. CSS quiere decir Cascading Stylesheets (Hojas de estilos en cascada) pues los estilos regularmente se escriben de forma descendente.

Estos dos lenguajes se unen para estructurar (HTML) y presentar (CSS) páginas web, de manera que dicho sitio sea más agradable para el usuario

Historia de HTML y sus inicios

HTML nace como una ampliación de SGML (Lenguaje de marcado creado por ISO) entre la década de 1980 y principios de la de 1990. En 1991 Tim Berners-Lee describe 18 elementos de dicho código, como las etiquetas title y ul, como también las de título (h1, h2, h3, h4, h5 y h6) etiquetas de párrafo: p, y enlaces: a. Al señor Tim también se le conoce como el padre de la Web, pues estableció la primera comunicación entre un servidor y cliente web usando el protocolo HTTP.

En 1993 se agregaron las etiquetas para Imágenes, formularios y tablas, pero no fue hasta en 1995 que el estándar oficial de HTML llamado HTML 2.0 fue creado por un grupo de trabajo del organismo IETF. Este fue el primer estándar oficial de HTML, más sin embargo decidieron llamarlo HTML 2.0

Desde 1996 hasta el 2004 el organismo encargado de regular y crear las siguientes versiones de HTML fue W3C (Wold Wide Web Consortium) que en 1997 creó una versión que permitía applets de Java y texto que fluye alrededor de las imágenes.

HTML y la aparición de CSS

En 1998 se publicó una nueva versión que permitía la utilización de hojas de estilos en cascada (CSS) e incluir Scripts. También se podían hacer tablas más complejas y novedades en objetos como los formularios.

Antes de la aparición de CSS las páginas web solo se preocupaban por presentar información con texto e imágenes. Con CSS se podía controlar el tipo de fuente, las márgenes y la organización por secciones que a simple vista era algo revolucionario, pues el diseño y la presentación ya eran un punto muy importante en los documentos.

En 2004 el organismo W3C se interesó más por el desarrollo de XML, dejando HTML relegado a un segundo plano. Al ver esto, rápidamente se creó un proyecto llamado WHATWG (Web Hypertext Application Technology Working Group) fundado por Apple, Mozilla y Opera Software. A este proyecto se unió W3C en el año 2006. La finalidad de este proyecto fue la de crear una nueva versión de HTML, que 4 años después (2008) se conocería como HTML5 en su primer borrador oficial. Diez años después de la creación del proyecto se lanzó oficialmente la versión 5 de HTML.

HTML5 y CSS3

En Octubre del 2014 se publicó la versión definitiva de HTML5. Esta versión establece nuevos elementos y atributos para mejorar la presentación de los sitios web modernos. También elimina elementos obsoletos y cambia parcial o totalmente otros. Los desarrolladores de CSS3 empezaron a publicar módulos desde 1991. En la actualidad se sigue trabajando en añadir módulos de CSS3.

Es recomendable que los navegadores web sean constantemente actualizados a la última versión para que puedan leer el código HTML5 sin problemas de compatibilidad. A continuación se presenta una tabla con las novedades de la versión 5 de HTML.

Color color para las etiquetas nuevas.

Color color para las etiquetas que se agregaron en HTML5 pero que fueron eliminadas posteriormente.

Color color para etiquetas que fueron cambiadas parcial o totalmente.

Color color para etiquetas que fueron eliminadas de esta versión.

Etiqueta
Atributos de la etiqueta
Comentarios
<!– –>
Estándar o ninguno
<!DOCTYPE>
Estándar o ninguno
<a>
href | target | rel | hreflang | media | type

Atributo Añadido: media

Atributo cambiado: Target

<abbr>
title
<acronym>
Etiqueta Eliminada
<address>
Estándar o ninguno
<applet>
Etiqueta eliminada
<area>
Estándar o ningunos
<article>
Atributos globales
Nueva etiqueta
<aside>
Atributos globales
Nueva etiqueta
<audio>
autobuffer | autoplay | controls | loop | src
Nueva etiqueta
<b>
Atributos globales
Etiqueta cambiada
<base>
Estándar o ninguno
<basefont>
Etiqueta eliminada
<bdo>
Estándar o ninguno
<big>
Etiqueta eliminada
<blockquote>
Estándar o ninguno
<body>
Estándar o ninguno
<br>
Estándar o ninguno
<button>
Estándar o ninguno
<canvas>
height | width
Nueva etiqueta
<caption>
Estándar o ninguno
<center>
Etiqueta eliminada
<cite>
Atributos globales
Etiqueta cambiada
<code>
Estándar o ninguno
<col>
Estándar o ninguno
<colgroup>
Estándar o ninguno
<datalist>
Atributos globales
Nueva etiqueta
<dd>
Estándar o ninguno
<del>
Estándar o ninguno
<details>
open
Nueva etiqueta
<dialog>
Atributos globales
Nueva etiqueta
<dir>
Etiqueta eliminada
<div>
Estándar o ninguno
<dfn>
Estándar o ninguno
<dl>
Estándar o ninguno
<dt>
Estándar o ninguno
<em>
Estándar o ninguno
height | src | type | width
Nueva etiqueta
<fieldset>
Estándar o ninguno
<figure>
Atributos globales
Nueva etiqueta
<font>
Etiqueta eliminada
<footer>
Atributos globales
Nueva etiqueta
<form>
Estándar o ninguno
<frame>
Etiqueta eliminada
<frameset>
Etiqueta eliminada

<h1>… <h6>

Estándar o ninguno
<head>
Estándar o ninguno
<header>
Atributos globales
Nueva etiqueta
<hgroup>
hgroup se añadió a la especificación HTML5, pero ahora está obsoleta.[4] Usar <header>
<hr>
Ninguno
Etiqueta cambiada
<html>
Estándar o ninguno
<i>
Ninguno
Etiqueta cambiada
<iframe>
Estándar o ninguno
<img>
Estándar o ninguno
<input>
accept | alt | auto-complete | autofocus | cheked | disabled | form | formaction | formenctype | formmethod | formnovalidate | formtarget | height | list | max | maxlength | min | multiple | name | pattern | placeholder | readonly | required | size | src | step | type | value | width
Etiqueta cambiada: Añadidos 13 elementos a type
<ins>
Estándar o ninguno
<isindex>
Etiqueta eliminada
<kbd>
Estándar o ninguno
<label>
Estándar o ninguno
<legend>
Estándar o ninguno
<li>
Estándar o ninguno
<link>
Estándar o ninguno
<mark>
Atributos globales
Nueva etiqueta
<map>
Estándar o ninguno
<menu>
Estándar o ninguno
<meta>
Estándar o ninguno
<meter>
high | low | max | min | optimum | value
Nueva etiqueta
<nav>
Atributos globales
Nueva etiqueta
<noframes>
Etiqueta eliminada
<noscript>
Estándar o ninguno
<object>
Estándar o ninguno
<ol>
Estándar o ninguno
<optgroup>
Estándar o ninguno
<option>
Estándar o ninguno
<output>
form
Nueva etiqueta
<p>
Estándar o ninguno
<param>
Estándar o ninguno
<pre>
Estándar o ninguno
<progress>
max | value
Nueva etiqueta
<q>
<ruby>
cite
Nueva etiqueta
<rp>
Atributos globales
Nueva etiqueta
<rt>
Atributos globales
Nueva etiqueta
<s>
Etiqueta eliminada
<samp>
Estándar o ninguno
<script>
Estándar o ninguno
<section>
cite
Nueva etiqueta
<select>
Estándar o ninguno
<small>
Atributos globales
Etiqueta Cambiada
<source>
media | src | type
Nueva etiqueta
<span>
Estándar o ninguno
<strike>
Etiqueta eliminada
<strong>
Estándar o ninguno
<style>
Estándar o ninguno
<sub>
Estándar o ninguno
<sup>
Estándar o ninguno
<table>
Estándar o ninguno
<tbody>
Estándar o ninguno
<td>
Estándar o ninguno
<textarea>
Estándar o ninguno
<tfoot>
Estándar o ninguno
<th>
Estándar o ninguno
<thead>
Estándar o ninguno
<time>
datetime | pubdate
Nueva etiqueta
<title>
Estándar o ninguno
<tr>
Estándar o ninguno
<tt>
Etiqueta eliminada
<u>
Define texto que debe tener un estilo diferente del texto normal[5]
<ul>
Estándar o ninguno
<var>
Estándar o ninguno
<video>
src | poster | autobuffer | autoplay | loop | controls | width | height
Nueva etiqueta
<xmp>
Etiqueta eliminada

Tabla obtenida de: https://es.wikipedia.org/wiki/HTML5

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s