Historia de HTML - Curso HTML5 Desde Cero (2)

Summary

El guion trata sobre el papel fundamental de HTML en la historia de la web, desde su creación por Tim Berners-Lee hasta su evolución hacia HTML5. Se menciona la importancia de los estándares y cómo la competencia entre navegadores, especialmente Internet Explorer, desafió la uniformidad. La narrativa destaca la rebeldía de grupos como WHATWG y la creación de HTML5, que revolucionó la web con características como web semántica, acceso offline, multimedia nativos y mejoras en CSS3. Además, se explican las etapas de desarrollo de una especificación, desde el borrador hasta el estándar.

Takeaways

• 🌐 HTML es un lenguaje de marcado fundamental en la historia de la web, creado por Tim Berners-Lee junto con la web en 1989.
• 📄 La primera página web lanzada en 1991 era básica, sin estilos, y consistía solo en texto y enlaces.
• 📝 HTML se estableció como el lenguaje estándar para la web en 1992, tras ser probado y corregido para su uso público.
• 🔧 Antes de la creación de estándares, cada empresa desarrollaba su propio código HTML, CSS y JavaScript, lo que causaba incompatibilidades.
• 🛡️ Microsoft fue un opositor de los estándares web durante mucho tiempo, creando su propio conjunto de códigos que no se alineaban con los estándares.
• 🤝 El grupo WHATWG, formado por ingenieros de Apple, Google, Mozilla y otros, se rebeló contra la eliminación de HTML y desarrolló HTML5.
• 📈 HTML5 marcó una revolución en la web, introduciendo elementos semánticos, mejoras en multimedia, y la capacidad de acceder a características del dispositivo.
• 🎉 Con HTML5, se permitió la creación de aplicaciones más interactivas y dinámicas directamente en el navegador, reduciendo la dependencia de plugins como Flash.
• 🔗 Websockets en HTML5 permitieron comunicaciones bidireccionales persistentes con el servidor, mejorando la experiencia de usuario en aplicaciones en tiempo real.
• 🛠️ CSS3, aunque no parte de HTML, fue desarrollado junto con HTML5, facilitando el diseño web con sombras, animaciones y bordes redondeados sin la necesidad de imágenes.
• 📚 Los estándares web pasan por varias etapas antes de convertirse en recomendaciones, desde borradores iniciales hasta su aprobación final como estándar.

Q & A

¿Quién es Tim Berners-Lee y qué contribución tuvo en la historia de la web?

Tim Berners-Lee es el creador de la World Wide Web y del lenguaje HTML. En 1989 comenzó su proyecto de HTML y en 1991 lanzó la primera página web.

¿Cuál fue la diferencia principal entre la primera página web y las páginas web actuales?

La primera página web era una página sin estilos, solo contenía texto y enlaces, mientras que las páginas web actuales incluyen estilos, imágenes, videos y una variedad de contenido multimedia.

¿Por qué es importante entender el papel de HTML en la historia de la web?

Es importante entender el papel de HTML porque fue el lenguaje que revolucionó la web, permitiendo la creación de páginas web interactivas y dinámicas que han cambiado la forma en que accedemos y compartimos información.

¿Qué significó el lanzamiento de HTML en 1992 para la evolución de la web?

El lanzamiento de HTML en 1992 marcó el inicio de una era donde la web pasó de ser experimental a ser oficial y utilizable para todo el público, estableciendo un lenguaje estándar para la creación de páginas web.

¿Qué es la Real Academia Española y cómo se relaciona con el desarrollo de HTML?

La Real Academia Española es una institución que regula el uso del idioma español. En el contexto de HTML, se menciona para ilustrar cómo las normas y estándares son importantes, al igual que la RAE establece reglas para el lenguaje, los estándares de HTML establecen reglas para la creación de páginas web.

¿Cómo impactó Microsoft en el desarrollo de estándares web durante los años 90?

Microsoft, durante los años 90, fue considerada el enemigo de los estándares web, ya que su navegador Internet Explorer no respetaba las reglas establecidas y tenía su propia forma de interpretar HTML, CSS y JavaScript, lo que causaba incompatibilidades y dificultades para los desarrolladores web.

¿Qué es XHTML y por qué fue considerado un 'engendro feo' en el contexto del script?

XHTML fue una mezcla de HTML con XML, un lenguaje de marcado para documentos. Fue considerado un 'engendro feo' porque complicó el lenguaje de marcado web existente, lo que llevó a una serie de problemas de compatibilidad y mantenimiento.

¿Quiénes eran los miembros del grupo de rebeldes llamado 'Web Hypertext Application Technology Working Group' y qué lograron?

El grupo de rebeldes 'Web Hypertext Application Technology Working Group' (WHATWG) estaba compuesto por ingenieros de Apple, Google, Mozilla Firefox, entre otros. Lograron revivir HTML y crear HTML5, evitando la muerte del lenguaje y permitiendo su evolución y mejora.

¿Cuáles son algunas de las características revolucionarias de HTML5 mencionadas en el script?

Algunas características revolucionarias de HTML5 incluyen la semántica web, almacenamiento local, acceso al dispositivo, websockets, multimedia nativo, gráficos 2D y 3D, y mejoras en CSS3.

¿Qué es un 'borrador de andar' y cómo se relaciona con el desarrollo de nuevas especificaciones web?

Un 'borrador de andar', o 'working draft', es la primera etapa en el desarrollo de una nueva especificación web donde se reúnen ideas y se crea una primera versión. Puede escalar a una recomendación candidata o ser descartada si no se considera viable.

¿Qué significa 'recomendación' en el contexto de las especificaciones web y cómo se relaciona con HTML5?

Una 'recomendación' en el contexto de las especificaciones web es cuando una tecnología ha sido completamente desarrollada y se considera un estándar oficial. HTML5 se convirtió en una recomendación en 2014, lo que significa que se estableció como un estándar para el desarrollo web.

Outlines

00:00

🌐 Fundamentos de HTML y su importancia

Este párrafo explica el papel crucial de HTML en la historia de la web. Se menciona a Tim Berners-Lee como creador de la web y HTML. En 1989, Berners-Lee comenzó su proyecto de HTML y la web, y en 1991 se lanzó la primera página web sin estilos, solo texto y enlaces. En 1992, HTML se estableció como el lenguaje de marcado para la web. Se discute cómo HTML era experimental y cómo la adopción de estándares por parte de diferentes empresas y navegadores, especialmente Microsoft, afectó el desarrollo de la web. Antes de la creación de estándares, cada empresa implementaba el código a su manera, lo que llevaba a incompatibilidades entre navegadores. Microsoft, en particular, fue criticado por no seguir estándares y crear sus propias versiones de HTML, CSS y JavaScript, lo que complicaba el trabajo de los desarrolladores web.

05:01

🛠️ La rebelión y la creación de HTML5

Este párrafo habla sobre la crisis que llevó a la creación de XHTML y la eventual aparición de HTML5. Se describe cómo XHTML fue una fusión fallida de HTML y XML, y cómo un grupo de rebeldes de empresas tecnológicas como Apple, Google y Mozilla Firefox se unieron para crear HTML5, que revolucionó la web. HTML5 se convirtió en una recomendación en 2014, y se lanzaron versiones 5.1 en 2016 y 5.2 el año pasado. HTML5 trajo consigo innovaciones como la semántica web, el almacenamiento local, el acceso al hardware del dispositivo, y la comunicación bidireccional con WebSockets. También se mencionan las mejoras en multimedia y gráficos, y cómo CSS3 se desarrolló junto con HTML5 para mejorar la apariencia y funcionalidad de los sitios web.

10:03

📝 Proceso de especificaciones y evolución del HTML

Este párrafo explica el proceso de desarrollo de una especificación web, como es el caso de HTML. Se describen las diferentes etapas que una especificación puede pasar, desde un borrador inicial (working draft) hasta llegar a ser una recomendación (recommendation). Se menciona que los navegadores a menudo implementan características con prefijos para indicar que están en desarrollo y no son parte del estándar final. Se discute cómo los prefijos pueden ser usados para evitar conflictos comerciales y cómo su eliminación indica que una característica es estable y lista para su uso. Finalmente, se menciona que HTML5.2 es el último estándar de HTML y se sugiere que HTML6 puede estar en desarrollo.

Keywords

💡HTML

HTML, o HyperText Markup Language, es el lenguaje de marcado estándar para la creación de páginas web. Se define a sí mismo como un 'lenguaje de programación menospreciado' en el guion, lo que indica su importancia subestimada a menudo. En el contexto del video, HTML es central ya que fue creado por Tim Berners-Lee y marcó el inicio de la revolución de la web, permitiendo la creación de la primera página web en 1991.

💡Tim Berners-Lee

Tim Berners-Lee es un científico británico reconocido como el inventor de la World Wide Web, incluyendo HTML. En el guion, se menciona su papel crucial en el desarrollo de HTML y la web, iniciando su proyecto en 1989 y lanzando la primera página web en 1991, lo que establece su relevancia fundamental en la historia de la web.

💡Estándares

Los estándares en el contexto del video se refieren a las reglas y protocolos establecidos que todos los navegadores web deben seguir para garantizar la compatibilidad y la coherencia en la presentación de contenidos web. Se menciona la importancia de los estándares para evitar la fragmentación y la incompatibilidad, como fue el caso en los años en que Microsoft no respetaba los estándares, causando problemas para los desarrolladores web.

💡Web Semántica

La Web Semántica es un concepto introducido en el guion que se refiere a la capacidad de los documentos web para tener un significado y ser comprensibles tanto para humanos como para máquinas. Con HTML5, se introdujeron elementos como 'article', 'section', 'video' y 'audio', lo que permitió una estructura y semántica más rica en las páginas web, en lugar de un marcado vacío.

💡Local Storage

El almacenamiento local, mencionado en el guion, es una característica de HTML5 que permite a los sitios web almacenar información en el dispositivo del usuario para su uso sin conexión. Esto fue revolucionario ya que permitió experiencias de usuario más enriquecidas y aplicaciones web que funcionaban sin una conexión constante a Internet.

💡WebSockets

WebSockets es una tecnología mencionada en el guion que permite establecer una comunicación bidireccional persistente entre el navegador y un servidor. Esto es fundamental para la creación de aplicaciones web en tiempo real, como chats en vivo, donde la información se actualiza sin necesidad de recargar la página, mejorando la experiencia del usuario.

💡Web Workers

Los Web Workers son mencionados en el guion como una característica de HTML5 que permite ejecutar scripts en segundo plano sin bloquear el hilo principal de la aplicación. Esto es especialmente útil para aplicaciones web que requieren cálculos intensivos, permitiendo que la interfaz de usuario permanezca fluida y respondida mientras se realizan tareas en segundo plano.

💡CSS3

CSS3, aunque no es parte de HTML, se menciona en el guion como una tecnología que llegó junto con HTML5 y revolucionó el diseño web. CSS3 amplió las capacidades de presentación de los sitios web, permitiendo bordes redondeados, sombras, animaciones y transformaciones 3D, entre otros, lo que antes requería de plugins como Flash o herramientas de diseño como Photoshop.

💡HTML5

HTML5 es un término central en el guion, refiriéndose a la quinta versión del lenguaje de marcado HTML. Se destaca como una revolución en la historia de la web porque introdujo nuevas funcionalidades y elementos de marcado, como multimedia nativo, acceso a dispositivos del usuario, y mejoras en la experiencia de usuario, lo que permitió la creación de aplicaciones web más interactivas y enriquecidas.

💡W3C

La W3C, o World Wide Web Consortium, es mencionada en el guion como la organización que define las normas y estándares para la web. Su función es crucial para garantizar la interoperabilidad y el desarrollo sostenible de la web, y en el guion se destaca su papel en la creación y aprobación de HTML5 como estándar.

Highlights

HTML es un lenguaje de marcado fundamental en la historia de la web.

Tim Berners-Lee, creador de la web y HTML, inició el proyecto HTML en 1989.

La primera página web se lanzó en 1991, sin estilos, solo texto y enlaces.

HTML se estableció como el lenguaje de la web en 1992, tras pruebas y correcciones.

La Real Academia Española es comparada con los estándares de HTML, mostrando la difusión y adaptación de la lengua.

Microsoft fue criticado por no seguir estándares en el desarrollo de HTML, CSS y JavaScript.

La importancia de los estándares en la web y cómo Microsoft no los respetaba en el pasado.

La lucha por la compatibilidad entre navegadores y el impacto del Internet Explorer en el mercado.

La crisis de HTML y la fusión con XML que llevó al desarrollo de XHTML.

El nacimiento de WHATWG (Web Hypertext Application Technology Working Group) y su influencia en el futuro de HTML.

La creación de HTML5 por WHATWG como una revolución en la web.

HTML5 se convirtió en un estándar en 2014, marcando un hito en la historia de la web.

Características revolucionarias de HTML5, como la semántica web, acceso a dispositivos locales y multimedia nativo.

La muerte de Flash y el ascenso de HTML5 para la gestión de multimedia en la web.

WebSockets en HTML5 permiten comunicación bidireccional en tiempo real con el servidor.

CSS3 y sus características, como bordes redondeados, animaciones y sombras, que revolucionaron el diseño web.

Las etapas de una especificación, desde el borrador hasta el estándar, y su importancia en el desarrollo de tecnologías web.

Los prefijos en CSS y su papel en el desarrollo de tecnologías que aún no son estándares.

Transcripts

antes de entrar al código es muy

importante entender el papel de html en

la historia de la web

generalmente html por principiantes es

un lenguaje menospreciado por no ser de

programación pero tú tienes que entender

el papel que tuvo en la historia en la

revolución de la web para entender su

importancia así que para ir a eso

empecemos hablando de ese señor que se

llama tim berners-lee

tim berners lee creó la web creó html y

creó la web de paso estaba investigando

en el cern y en el año 1989 comienza su

proyecto de html y de la web

en el año 1991 se lanza la primera

página web

era una página sin estilos era solamente

texto y enlaces pero ya era la primera

página web

en el año 1992 se lanza html como el

lenguaje es decir html y existía que es

una cosa que mucha gente se marea como

puede existir la web si después se lanza

el lenguaje es que era experimental

cuando hablamos que se lanza algo

estamos hablando de que ya como que es

oficial ya pasó las pruebas mantienen ya

corregimos los errores entonces ya

podemos decir que está utilizable para

todo el público

sin embargo tú sabes cuando sacamos algo

todo el mundo lo quiere usar a su manera

ustedes saben por ejemplo que hay algo

llamado real academia española que como

que dice como debemos hablar casi nadie

en este caso pero igual están diciendo

como deberíamos hablar se la dobló 3 y

es casi lo mismo pero en html o sea son

los que dicen oye oye así se escriben

los párrafos así se escriben los títulos

así se escriben los artículos ya hablo

así la mayoría gente no le hace caso

peor antes que exista antes que existe

la doble 3 y cada empresa que hacían

navegadores hacía el código como le daba

la regalada gana' no respetaban ninguna

regla es más microsoft ahorita vamos a

entrar a eso microsoft por mucho tiempo

fue el enemigo de los estándares y es un

estándar es reglas que se siguen que

todos seguimos entonces microsoft asía

el html que le daba la gana así el css

que le daba la gana así el javascript

que le daba la regalada gana' no

respetaba nada eran tiempos horribles

para hacer web en serio si ustedes ahora

pueden poner

array punto for its lo que sea de verdad

alégrense si ustedes pueden poner border

rain y es tal cosa picture algo de

verdad son afortunados no saben cuántas

horas tenemos que invertir antes para

que esa cosa funcione en todos los

navegadores

peor aún cuando internet explorer en el

más usado del mundo ahora tú puedes

decir a internet porque no importa pero

hace unos años no podías decir eso

porque tenía el 90 por ciento del

mercado

y tú te sorprendía bien chévere html css

llave escribir sea ya se hallaba script

hacías tu código y te dabas con la

ingrata sorpresa de qué

internet explorer no le importaba todo

lo que habías aprendido porque él ya me

escribe internet flor era completamente

diferente

era muy feo pero esa es otra historia

entonces la doble otra sino que intenta

exponer estándares poner reglas que

todos deban seguir

en 1998 se lanza la versión 4 de html

la versión que dura más tiempo la más

estable durante mucho tiempo pero luego

la doble crisis se le ocurrió mezclar

html con él con xml y creó un engendro

feo llamado x html

xml es otro lenguaje de marcado pero no

es para web es para compartir

información algunos de ustedes saben lo

que es jason

si sabes lo que es jason javascript

jake notation es un formato de

documentos para compartir información

cierto

de hecho jason nació como una respuesta

a xml

porque xml era muy complejo muy enredado

de su sintaxis y jason es más limpio

entonces xml es un lenguaje también de

marcado para documentos y la doble

crisis se le ocurrió la gran idea de

juntar html xml y hacer eso es más su

idea fue más allá la idea de la doble

decidiera destruir html dijeron que html

se murió ya no va más lo que va a ser a

partir de ahora es x html el plan de

ellos era que nunca existe html5 y lo

que sí debería existir para ello serán

xhtml 2

usted según ellos esa iba a ser la gran

revolución

no contaban con la astucia de que iba a

salir un grupo de rebeldes llamado la

one w

que agrupaba ingenieros de

apple de google de mozilla firefox

etcétera gente rebelde que dijo usted

están locos html no se va a morir

creamos nuestro propio grupo y al final

debes pensar en algo la doble o tres si

no hacen navegadores ellos son las

reglas nada más las empresas que hacen

navegadores son google apple mozilla

microsoft tienen o ellos pueden ver si

respetan o no respetan las reglas lo

ideal es que la respeten obviamente pero

puede podrían no hacerlo

entonces es el grupo de gente creó una

organización al margen llamada agua

doble y dijo no se va a morir ellos

ellos crearon html5

porque el plan era que no exista más

html

html5 fue tan revolucionario marcó

tantos hitos en la historia de la web

que

ht que perdón que la doble o tres y tuvo

que matar a xhtml lo mató

xhtml y nos quedamos con html para

siempre y hasta hoy en día seguimos con

eso gracias a esta a esta revolución en

el 2014 x html5 se vuelve una

recomendación qué cosa es eso que ya se

vuelve un estándar y está aprobado ya no

tiene errores y es compatible con todos

los navegadores y lo puedes usar sin

problemas pero miren desde el 2008 ya

teníamos html5 demoró bastante tiempo en

ser una recomendación en 2016 se lanzó

el estándar 5.1 y el año pasado en

diciembre el estándar 5.2

ahora que conoces html5 porque están

revolucionarios porque al final no es

versión 4 versión 5 pero si nos ponemos

a pensar que grandes empresas crearon

una organización al margen para crear

una nueva especificación

la cosa es que fue muy grande miren en

primer lugar web semántica que significa

web semántica que tiene un significado

ya no era un marcado vacío como decir ni

p ya si no teníamos elementos tipo

article tipo sexo elemento vídeo

elemento audio o sea ya tenemos

elementos específicos para cada cosa

entonces los documentos ya tenían una

semántica también hablamos de locales

tórax todo esto es de html5 si bien es

cierto ustedes lo pueden escuchar hoy en

día pero esto salió con html5 a los

estamos hablando hace muchos años lo que

néstor us significa que tú podías

guardar datos en tu teléfono o en tu

dispositivo en tu computadora local qué

significa eso acceso offline

era maravilloso pónganse a pensar

entrabas a una página la página tenía

datos en el servidor pero los guardaba

en tu locales tórax y luego ya podías

navegar sin conexión a internet era

maravilloso en serio para esas épocas

imagínense

el acceso al dispositivo esto significa

que tú puedes desde un navegador acceder

a la cámara web acceder al micrófono

también no han abierto una página que te

dice está la página tal quiere acceder a

un micrófono tú no

eso era html5 antes se podía hacer eso

con flash

pero placer inseguro y demonio html5

mató a flash si en algún lugar te quiere

enseñar flash hoy en día están estafando

los websockets es una comunicación

bidireccional con el servidor

normalmente para tu comunicarte con un

servidor tula es una petición es decir

entras a un a una url o pulsas un link

cierto entonces al pulsar un link tú le

haces una petición al servidor y el

servidor que regresa información con

websockets tú podías mantener una

conexión abierta siempre de tal manera

que si pasaba algo en la aplicación eso

que pasaba lo veías frente a tus ojos en

tiempo real sin tener que darle f5 sin

tener que refrescar la página para los

tiempos era sorprendente hasta ahora

sigue siendo sorprendente entonces en

facebook y te sale tal persona te

contesto y no ha recargado la página

esos son websockets

multimedia audio vídeo nativos antes

todo era flash y todo era flash toda la

playa a partir de html5 todo lo hace el

navegador solito

los gráficos svitlica más web y el que

es 3d con javascript es una maravilla

entonces ya tenemos gráficos avanzados

solamente desde el navegador y solamente

se podían hacer con flash antes los web

workers para tener trabajos en

javascript simultáneo sin ocupar el hilo

principal lo que pasa es que hay un

proceso principal no sé si ustedes sepan

de eso pero hay un proceso principal en

el navegador con los web workers tú

podías tener un segundo proceso

corriendo por detrás entonces mientras

el navegador por ejemplo estaba pintando

la pantalla había un web worker

corriendo por detrás haciendo otro

proceso lo cual aceleraba mucho las

aplicaciones y css3 si bien es cierto es

ese es el no es parte de html pero

vinieron juntos y con css3 tú podías

hacer bordes redondeados podías hacer

animaciones podías hacer sombras

yo sé para ustedes dirán son grafo

boxeado ya en esos tiempos era era de

verdad para llorar de la alegría

llorábamos antes que querías hacer una

sombra habría photoshop

hacías tu sombra la exportaba como pende

que comprimía la ponías composición

absolute se los juro composición

absoluta si no pones una tabla tabla y

abajo otra fila y ahí ponías como

background es el png y ese png no sé

renderizada en internet explorer

entonces tenías que trayecto una

librería para internet explorer para en

que internet explorer muestre eso eran

horas de trabajo y si el cliente te

decía no me gusta

dijo disco

con css3 era boxeador ya está para

llorar en serio era una alegría total

animaciones con ccs todo eso solamente

se hacía con flash animaciones 3d a ver

era emocionante en serio entonces ahora

me entiende porque fue una revolución

porque a partir de a partir de html5 el

navegador se convierte en el programa

más usado del mundo yo les pregunto y en

serio cuál es el programa que más usan

en una computadora durante el día el

navegador cierto y no solamente para

tontear hay muchas tareas que realmente

las hacemos en el browser que antes

requerían un word instalado un photoshop

instalado si o no y ahora todos en el

navegador hay muchos programas que eran

de escritorio que ahora viven en el

navegador es increíble

le dije hace un rato que la doble tres

días de institución que define las

normas ahora

estas para ir un poco rápido son las

etapas de una especificación una

especificación es un estándar entonces

cuando sale una nueva versión por

ejemplo html 6 por por decirlo ya por

decir y creo que nunca va a existir pero

digamos pasa por todas esas etapas en

primer lugar y walking draft que es el

borrador entonces es como la primera

muestra de como que se reúnen y dicen

qué tal que hacemos esto ya lanzan uno

por la ventana pero ya y al final pues

van van escribiendo ideas este es el

primer borrador ese borrador puede

escalar o también pueden el tiempo de

descartarse hay muchas ideas que en el

tiempo se descartan y no van a ningún

lado pero hay ideas que escalan y luego

se vuelven una recomendación candidata

que es eso es decir oye ya escaló ya lo

pueden usar prueben lo prueben y veamos

qué tal algunos de ustedes ha gustado

prefijos en los navegadores para css por

ejemplo guión web que yo algo no guión

modos guión algo también porque es

porque justamente la doble crisis ha

trabajado en una especificación que

todavía no está completa

entonces los navegadores dicen

yo no puedo meter esto al navegador

porque todavía no es un estándar acá

para luego lo matan

entonces metámosle un prefijo este

prefijo significa está en desarrollo

se encuentra es la razón de ser del

prefijo

un día vi en una plataforma que no

quiero decir su nombre que los prefijos

se eran por guerras comerciales

los prefijos simplemente significan que

todavía está en desarrollo nada más

y bueno la recomendación propuesta

obviamente que la etapa previa es como

decir el release candidate para software

no esto ya está pero capaz de no se

escapa de un error por ahí hagan la

prueba final y obviamente la final es la

recomendación recomendación significa ya

es un estándar se acabó úsenlo html5

punto 2 es el último estándar de html

obviamente ahorita html5 punto 3 existe

pero obviamente acá también

termina una especificación y alto que

trabaja en el borrador de la siguiente

es así