Hola. Hoy, hablaremos
de HTML5. Específicamente, qué es y por qué
no estamos aprendiendo HTML1. ¿Entonces,
qué es HTML? HTML signifca lenguaje
de marcado de hipertexto Los lenguajes de marcado
son en realidad muy comunes. No son lo mismo que
los lenguajes de programación, son lenguajes especiales que
utilizan etiquetas para anotar o marcar documentos. En HTML, las etiquetas le dicen al navegador
dónde deseas poner encabezados, imágenes, listas,
enlaces, etcétera. Un archivo .HTML es un tipo
especial de archivo. Tú ya has visto extensiones
especiales de archivos antes. Cuando abres un documento
que tiene un .doc, tu computadora sabe que debe
abrirlo en Microsoft Word. Si ves un archivo con extensión
.ppt, tu computadora sabe, que es un archivo Power Point,
debes abrirlo en Power Point. De la misma forma, cuando la computadora ve
el archivo .html, sabe que debe abrirlo con un navegador de Internet,
como Chrome, Firefox o Safari. Tu navegador puede leer este archivo
y sabe cómo debe mostrarlo en la pantalla. Es más que eso, las etiquetas HTML también
permiten a los lectores de pantalla y otros dispositivos usar las etiquetas para presentar
la información de formas especiales y nuevas. HTML es muy similar
al inglés, puedes entenderlo, aun si
no sabes mucho de él. Miremos este ejemplo,
este archivo HTML. La mayoría es idioma
inglés típico. Este es un encabezado
importante o hola. Voy a incluir un enlace
a la página del curso. Pero si miras con cuidado, puedes ver
que hemos agregado estas pequeñas etiquetas que el navegador utiliza para saber
cómo representar el material. h1 es una etiqueta
de encabezado. Le dice al navegador,
esto es algo muy importante. Quiero que lo coloques en una fuente más grande, y
además si alguien está utilizando un dispositivo de ayuda, quiero que sepan
si esto es importante. h2 también muestra un tipo
de importancia, pero no tanta. Tengo una etiqueta
p para un párrafo, y tengo otra etiqueta abajo
llamada etiqueta ancla. Para que el navegador sepa, no
quiero que muestres este material, quiero que lo enlaces
a una página web diferente. Este es el resultado cuando
un navegador ve nuestro código. Al comienzo, aprender HTML es
principalmente aprender todas estas distintas etiquetas que vimos
en ese archivo. Esto se llama
aprender la sintaxis. Se trata de aprender qué corchetes
usar, barras inclinadas, y otros símbolos
por el estilo. Pasarás la mayoría de tu tiempo
pensando. ¿Recordé esa etiqueta, la escribí adecuadamente? Eso dura muy poco. En muy poco tiempo, ganarás la confianza necesaria para
no preocuparte de tu sintaxis y en cambio, pensar en la semántica
o el significado de las etiquetas. ¿Cómo de importante es esta
información que quiero comunicar, es esta la etiqueta
adecuada en este caso? ¿Si alguien busca mi página,
puede encontrar lo que busca? ¿Aún si no pueden ver el texto, pueden
usar las etiquetas para navegar a través de él? ¿Y qué pasó
con HTML1? ¿Por qué estamos usando
algo llamado HTML5? Bien, hablemos de
los primeros años. HTML fue creado en 1990 como una
manera de conectar electrónicamente diferentes documentos
vía hipervínculos. De aquí, esta idea de
una red de conexiones. Lo que sucedía, es que los científicos usaban Internet
para listar sus diferentes artículos de investigación, y había una larga lista, cada artículo
independiente del otro. Pero, HTML te daba una forma con
la que podías leer un artículo y en el mismo texto, enlazar con
otro emocionante artículo de física. Debido a que el público de HTML
solía ser gente como mi padre, allí en la esquina, eran físicos nucleares,
no les importaban cosas como el color, las imágenes o cualquier cosa que no estuviera
relacionada con la ciencia, y esa era la clave. HTML fue creado para trabajar
con cualquier plataforma. Y para lograr esto, se debían
evitar cosas como fuentes especiales o diferentes colores o algo que
fuera más de diseño que de contenido. Sin embargo, en 1993 surgió Mosaic
como el primer navegador gráfico. Lo que significa es que hubo
un primer navegador que de hecho introdujo la idea de imágenes, y
cuando eso pasó hubo mucho debate entre la comunidad de investigadores
acerca de si esto era algo bueno o no. Los pioneros realmente querían
mantener el formato simple, basado en el contenido, dejar que todos
pudieran acceder a él. Pero los innovadores
decían que no. A la gente le gusta las imágenes,
les gusta el diseño. Les gusta tanto como
el contenido. Así que hubo una gran batalla entre cómo
Internet debía evolucionar desde ese momento. Después de que surgiera Mosaic,
el uso de Internet explotó, más y más personas lo usaron para
fines comerciales, en lugar de solo para el campo de la investigación. Mosaic tuvo desafiadores, como
Netscape, Internet Explorer y otros navegadores. Este fue el principio de lo que llamamos
"la guerra de los navegadores". Cada uno de estos navegadores decidió que
querían crear etiquetas propias, etiquetas que solo
funcionarían en su navegador. Algunos de los ejemplos fueron marquee,
donde se podía tener texto desplazable, blink, el cual funcionaría en algunos
navegadores y en otros no. Otras etiquetas privadas que
realmente funcionaban en cualquier navegador, pero iban en contra
del espíritu original de HTML. Había etiquetas como font o center, para
centrar el texto o escoger el color de fondo. Esto puede no sonar
como algo malo, pero algunos computadores no tenían
el acceso, o la capacidad de tener todos los diferentes colores
que los demás computadores podían tener. Y esto llevó a algunas
páginas a tener mal aspecto. Esto llevó también al origen de lo que
llamamos mensajes de "mejor ver en". Cuando se iba a un sitio web, se
decía al usuario casi inmediatamente con cuál navegador se
debía ver el sitio web. De otro modo, no se iba a
tener una experiencia óptima. Todos sufrimos la guerra de los navegadores,
o el "mejor ver en" hoy. Muchas veces cuando
se entra a una página, se observa que de hecho no se puede acceder
al contenido total si estamos usando el teléfono, a menos que hagamos clic en
un vínculo al sitio completo. ¿Cómo pasó esto? ¿Cómo llegamos al punto en que diferentes
navegadores no estaban de acuerdo en los diferentes roles que
HTML debía desempeñar? Esto regresa a la idea que
nadie lleva Internet o la web Sin embargo, algunos grupos han
tomado un rol más proactivo para intentar estandarizar
lo que pasa ahí fuera El primero es el Grupo de Trabajo
de Ingeniería de Internet se centran en la idea de cómo las
diferentes redes deberían colaborar y cómo deberían
trabajar juntas. El consorcio de la World Wide Web
trata con HTML y su evolución, quieren conocer qué etiquetas deberían
soportar los navegadores y cuáles no. Finalmente, uno de los grupos más nuevos,
la Iniciativa de Accesibilidad a la Web quieren asegurarse de que no importa
cómo la gente acceda a la web, tengan la misma capacidad
para ver el contenido Tuvimos esta evolución de los
navegadores de la que hemos hablado. De 1990 a 1994 era todo muy
simple, basado en texto En 1993, hablamos de cómo
las imágenes entran en escena, y explotó Internet. La intercompatibilidad de muchos navegadores
de las páginas web se desmoronó y llevó a códigos
increíblemente horribles. En el comienzo del 2000 los navegadores
vuelven a la idea de separar el contenido del estilo. Y en 2005 se comienza a estandarizar
para usar archivos HTML, lo cual aprendemos en este curso, para crear
el contenido y archivos de estilo CSS. A medida que evolucionaban los
navegadores, evolucionaba HTML. La manera en que suele funcionar en la mayor
parte de las las áreas de la ciencia de la computación y campos de la tecnología, es que son los programadores
y desarrolladores los que impulsan los estándares. A medida que los programadores
aprendieron que hay más y más cosas que quieren hacer,
es el trabajo del navegador mantenerse al día. ¿Dónde estamos? HTML5 es una cooperación
entre W3C y el Grupo de Trabajo de Tecnología
de Aplicación de Hipertexto en la Web, y lo que han hecho es definir
estas cuatro directrices cómo se debe aproximar a HTML5
a medida que un navegador lo soporta. La primera idea es que las nuevas
características deben basarse en HTML, CSS que es el lenguaje de signos,
el DOM y JavaScript. Nada más. Quieren reducir la necesidad de plug-ins
externos, es bastante frustrante cuando estás en un navegador y encuentras que no
puedes ver un vídeo que alguien ha publicado. También quieren moverse
de modo que el marcado, o lenguaje de marcado
pueda reemplazar un guión. Si encuentras que más y más desarrolladores
escriben código para que algo pase deshazte del código y haz que solo
una etiqueta pueda hacerlo en su lugar. Y finalmente, HTML5 debería ser
independiente del dispositivo. No debería importar si estás
en el teléfono, el portátil, el PC o incluso en un
lector de pantalla. Quieres que todos tengan el
mismo acceso a la información. Cuando piensas de
nuevo en este vídeo, hay ciertas lecciones
que espero sigan contigo. La primera es la idea de que HTML
no es un lenguaje de programación, sino una forma de que los navegadores traduzcan
documentos a paginas web que se vean. HTML fue pensado para facilitar
muchos tipos diferentes de contenido. Imágenes, fotos,
enlaces, listas. Todo lo relacionado
con eso. Lo que hemos encontrado
en la historia de internet es que cuando los diseñadores
quieren hacer algo tienden a escribir código no estándar para obligar
a los navegadores a hacerlo. Por esta razón desarrollamos nuevos
estándares de HTML5 para manejar los nuevos requisitos que la gente desea y empujar a los
navegadores a adoptar nuevos estándares.