Historia de HTML - Curso HTML5 Desde Cero (2)
Summary
TLDREl 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
🌐 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.
🛠️ 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.
📝 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.
Mindmap
Keywords
💡HTML
💡Tim Berners-Lee
💡Estándares
💡Web Semántica
💡Local Storage
💡WebSockets
💡Web Workers
💡CSS3
💡HTML5
💡W3C
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í
浏览更多相关视频
5.0 / 5 (0 votes)