¿Qué es HTML? - 10 cosas que debes saber

Summary

El script ofrece una introducción a HTML, el lenguaje de marcado fundamental detrás de la World Wide Web. Destaca su evolución desde su creación por Tim Berners-Lee en 1989, pasando por la guerra de los navegadores y la estandarización por parte de la W3C. Resalta la revolución de HTML5 en 2004, que integró múltiples tecnologías y permitió el desarrollo de aplicaciones web completas en el navegador. Además, menciona los Web Components como la próxima gran innovación, la importancia de un buen HTML para el SEO y el uso de consultas de medios en HTML. Finalmente, señala la coexistencia de dos versiones de HTML, la de la W3C y la del WHATWG, con la última siendo más aceptada por la comunidad de desarrolladores.

Takeaways

• 😀 HTML es el lenguaje de marcado subyacente de la World Wide Web, permitiendo la creación de hipertextos con enlaces entre documentos.
• 🌐 HTML y la Web nacieron juntas en 1989 por Tim Berners-Lee, quien buscaba una forma de simplificar el acceso y el intercambio de documentos científicos.
• 📝 La sintaxis de HTML es sencilla, basándose en etiquetas de apertura y cierre, lo que lo hace fácil de aprender.
• 🤝 La creación de la W3C en 1994 fue un intento de estandarizar el uso de HTML y evitar la 'guerra de los navegadores', donde cada empresa implementaba el lenguaje de su manera.
• 🔄 HTML5, lanzado en 2004, marcó una revolución en la web, unificando diversas versiones previas de HTML y XHTML, y añadiendo nuevas funcionalidades.
• 🛠️ HTML5 no solo es un lenguaje de marcado sino que también incorpora otras tecnologías como geolocalización, canvas, soporte para gráficos vectoriales y multimedia, y WebSockets, permitiendo el desarrollo de aplicaciones web completas.
• 🏭 Los Web Components son el futuro de la web, permitiendo la creación de componentes personalizados reutilizables a través de tecnologías web puras.
• 🔍 Un buen código HTML mejora el SEO, ya que Google y otros motores de búsqueda utilizan la estructura y semántica del HTML para entender y clasificar el contenido de una página web.
• 📱 HTML soporta consultas de medios (Media Queries), permitiendo mostrar contenido adaptado al tamaño y orientación de la pantalla del dispositivo.
• 📈 Existen dos versiones de HTML en desarrollo, la de la W3C que sigue numerando las versiones y la del WHATWG que promueve un estándar en constante evolución sin números.
• 📚 Aprender HTML es fundamental para cualquier persona interesada en el desarrollo web, dado su rol central en la creación de páginas y aplicaciones web.

Q & A

¿Qué es HTML?

HTML son las siglas de HyperText Markup Language, es decir, Lenguaje de Marcado de Hipertexto. Es un lenguaje que define la estructura de los documentos web mediante el uso de etiquetas.

¿Cuál es la diferencia entre texto plano e hipertexto?

El texto plano es un texto que solo se puede leer, mientras que el hipertexto es un texto que contiene enlaces que permiten navegar a otros documentos.

¿Quién es el creador de HTML y de la web?

Tim Berners-Lee es el creador de HTML y de la web. Trabajaba en el CERN y desarrolló HTML para facilitar el acceso y la compartición de documentos entre científicos.

¿Cómo se estructura la sintaxis de HTML?

La sintaxis de HTML se basa en etiquetas de apertura y cierre, y el contenido va dentro de estas etiquetas. Las etiquetas pueden tener atributos adicionales que se indican con el nombre del atributo, un signo de igual y el valor del atributo.

¿Qué es la W3C y cuál es su función?

La W3C (World Wide Web Consortium) es una organización que define los estándares web para que las empresas desarrolladoras de navegadores los respeten, asegurando así la compatibilidad entre los navegadores y las tecnologías web.

¿Qué revolución trajo HTML5?

HTML5, lanzado en 2004, unificó siete versiones diferentes de HTML en una sola. Introdujo nuevas APIs como geolocalización, canvas, soporte nativo para audio y vídeo, y mejoró significativamente la capacidad de crear aplicaciones web completas directamente en el navegador.

¿Qué son los web components y por qué son importantes?

Los web components permiten crear componentes encapsulados de HTML, CSS y JavaScript que se pueden reutilizar en diferentes proyectos. Son importantes porque facilitan la modularización y reutilización del código en el desarrollo web.

¿Cómo influye un buen código HTML en el SEO?

Un buen código HTML mejora el SEO (posicionamiento en Google) porque permite que los motores de búsqueda comprendan mejor la estructura y contenido de la página web, lo que puede resultar en un mejor ranking en los resultados de búsqueda.

¿Qué son las media queries y cómo se utilizan en HTML?

Las media queries son consultas a las características de la pantalla del dispositivo, como el ancho y la orientación. En HTML, se pueden utilizar mediante la etiqueta <picture> y el atributo 'media' para mostrar diferentes imágenes según el tamaño de la pantalla.

¿Existen diferentes versiones de HTML actualmente?

Sí, existen dos versiones de HTML en paralelo: la versión de la W3C, que usa números para las versiones (como HTML5.2), y la versión de WHATWG, que se considera un estándar vivo y no utiliza números de versión.

Outlines

00:00

🌐 Introducción al HTML y su importancia en la Web

El primer párrafo introduce al espectador al lenguaje HTML, explicando que es el 'Hyper Text Markup Language' y cómo permite la interconexión de documentos a través de enlaces. Destaca que HTML no es un lenguaje de programación, sino de marcado que define la estructura de los documentos. Además, menciona la historia de cómo Tim Berners-Lee creó el HTML y la Web en 1989 para facilitar el intercambio de información entre científicos, resultando en la primera página web en 1990 y el liberar el HTML como un lenguaje libre en 1993. El término 'World Wide Web' se utiliza para describir la red global de documentos interconectados.

05:01

📝 Sintaxis HTML y su aprendizaje

Este párrafo se enfoca en la simplicidad de la sintaxis de HTML, lo que lo hace fácil de aprender. Se basa en etiquetas de apertura y cierre que definen diferentes elementos de un documento, como títulos, párrafos y enlaces. También se menciona el uso de atributos en las etiquetas para añadir información adicional, como enlaces que llevan a otros documentos. La sección ilustra cómo se puede utilizar HTML para estructurar y dar sentido a un contenido web.

10:02

🌌 La 'Guerra de los Navegadores' y el surgimiento del W3C

El tercer párrafo narra la historia de la 'Guerra de los Navegadores', donde diferentes navegadores intentaban dominar el mercado web, lo que llevó a la creación del W3C en 1994 para establecer estándares web. El W3C actúa como una especie de 'Real Academia Española' para el lenguaje de la web, estableciendo reglas y estándares que los navegadores y desarrolladores pueden seguir, aunque no tiene la capacidad de sancionar a quienes no lo hacen.

15:02

🎉 La Revolución HTML5 y su Impacto en la Web

El cuarto párrafo aborda la llegada de HTML5 en 2004 como una revolución en el desarrollo web. Se describe la confusión creada por las múltiples versiones de HTML previas y el intento de unificarlas en XHTML 2. Sin embargo, un grupo de desarrolladores de navegadores propuso una nueva versión de HTML que mantuviera la compatibilidad con versiones anteriores, resultando en HTML5. Este nuevo estándar se caracteriza por integrar nuevas tecnologías y APIs, permitiendo la creación de aplicaciones web más completas y avanzadas.

🛠️ Más que Marcas: HTML5 y las Nuevas Tecnologías

Este párrafo explica que HTML5 es más que solo un lenguaje de marcado, ya que también incorpora nuevas características y APIs que permiten a los navegadores ofrecer funcionalidades avanzadas. Estas incluyen geolocalización, soporte para gráficos vectoriales, audio y vídeo nativos, y WebSockets para comunicaciones en tiempo real. Además, se menciona el desarrollo de CSS3, que aporta animaciones y otros efectos visuales avanzados.

🏭 El Futuro de la Web con Web Components

El sexto párrafo introduce el concepto de Web Components, que son componentes encapsulados de HTML, CSS y JavaScript reutilizables en diferentes proyectos. Aunque aún no son completamente soportados por los navegadores, representan el futuro de la web al permitir la creación de elementos personalizados como menús o formularios sin depender de frameworks o librerías adicionales. Se mencionan cuatro tecnologías clave detrás de los Web Components: Custom Elements, Templates, Shadow DOM y HTML Imports.

🔍 HTML y su Influencia en el SEO

Este párrafo establece la relación entre un buen código HTML y un mejor posicionamiento en motores de búsqueda como Google. Un código HTML estructurado y con una jerarquía de semántica clara ayuda a que los motores de búsqueda entiendan mejor el contenido de una página, lo que a su vez puede mejorar su ranking. Se discuten elementos como títulos, imágenes con atributos alt, la etiqueta 'main' y otros elementos semánticos que son importantes para el SEO.

📱 HTML y Media Queries

El octavo párrafo explora la capacidad de HTML para realizar consultas de medios (media queries), que permiten adaptar el contenido a diferentes tamaños de pantalla y orientaciones del dispositivo. Aunque comúnmente asociadas con CSS y JavaScript, HTML también ofrece esta funcionalidad a través de la etiqueta 'picture' y el atributo 'media', lo que permite mostrar imágenes adecuadas para cada tipo de pantalla sin la necesidad de CSS o JavaScript.

🔄 HTML en Evolución: Versiones Paralelas y Living Standard

Este párrafo discute la existencia de dos versiones de HTML en desarrollo paralelo, una por la W3C y otra por el WHATWG. Aunque la W3C intentó reemplazar HTML con XHTML, el WHATWG continuó con el desarrollo de HTML, lo que llevó a una eventual reconciliación y colaboración entre las dos organizaciones. Sin embargo, el WHATWG promueve un enfoque de 'Living Standard' sin números de versión, lo que indica que el lenguaje está en constante evolución y no está completo.

🚀 Conclusión y Oportunidades en el Desarrollo Web

El último párrafo concluye el video script enfatizando la importancia de aprender HTML para aquellos interesados en el desarrollo web, una carrera con una gran demanda en la industria tecnológica. HTML es descrito como el primer lenguaje a aprender, fácil de aprender y fundamental en el desarrollo web. Se menciona un curso de HTML dictado en la Universidad Mayor de San Marcos en Perú, promocionando su aprendizaje para comenzar una carrera en el desarrollo web.

Keywords

💡HTML

HTML es el acrónimo de Hyper Text Markup Language, que se traduce como 'Lenguaje de Marcado de Hipertexto'. Es el lenguaje básico para la creación de páginas web, permitiendo definir la estructura y el contenido de dichas páginas a través de etiquetas. En el video, se menciona que HTML es el lenguaje sobre el cual está construida toda la web y es fundamental para el desarrollo web.

💡Web

La 'Web' o 'World Wide Web' se refiere a la colección de documentos y recursos interconectados a través de hipervínculos, accesibles a través del protocolo HTTP. En el video, se destaca que la Web y HTML nacieron juntas, con el objetivo de facilitar el acceso y el intercambio de documentos entre científicos.

💡Tim Berners-Lee

Tim Berners-Lee es un científico británico conocido como el creador de la World Wide Web y, por ende, de HTML. En el video, se narra su rol en la creación de HTML y cómo su trabajo permitió la interconexión de documentos, dando lugar a la revolución de la información digital.

💡Etiquetas HTML

Las 'Etiquetas HTML' son los elementos que definen la estructura de una página web. El video menciona que HTML se basa en etiquetas de apertura y cierre, como 'titulo', 'parrafo', 'enlace', etc., que permiten organizar y dar sentido al contenido de una página web.

💡Atributos

Los 'Atributos' en HTML son datos adicionales que se pueden incluir dentro de las etiquetas para proporcionar información extra al navegador. En el video, se da el ejemplo de un enlace con atributos que especifican a dónde lleva el hipertexto.

💡HTML5

HTML5 es una versión significativa de HTML que se introdujo en 2004 y marcó una revolución en el desarrollo web. En el video, se discute cómo HTML5 integró nuevas características y APIs, lo que permitió el desarrollo de aplicaciones web más complejas y la creación de experiencias más ricas en el navegador.

💡Web Components

Los 'Web Components' son una tecnología en desarrollo que permite a los desarrolladores crear componentes web personalizados y reutilizables. En el video, se menciona que estos componentes están basados en tecnologías como Custom Elements, Shadow DOM, y Templates, y que representan el futuro de la web en cuanto a la creación de interfaces de usuario personalizadas.

💡SEO

SEO (Search Engine Optimization) se refiere a la optimización de una página web para mejorar su posición en los resultados de búsqueda de motores como Google. En el video, se destaca que un buen código HTML contribuye positivamente al SEO, ya que permite a los motores de búsqueda entender mejor la estructura y el contenido de la página.

💡Media Queries

Las 'Media Queries' son una técnica en CSS que permite aplicar estilos condicionales basados en las características del dispositivo, como su tamaño de pantalla o orientación. En el video, se menciona que HTML también permite hacer Media Queries a través de la etiqueta 'picture', lo que permite mostrar imágenes adecuadas para diferentes tamaños de pantalla.

💡DOCTYPE

El 'DOCTYPE' es una declaración en HTML que indica la versión del lenguaje utilizada en la página web. Aunque no se menciona directamente en el video, es un concepto clave relacionado con la compatibilidad y el rendimiento de las páginas web, y es parte de la especificación de HTML5.

💡Living Standard

El 'Living Standard' se refiere a la filosofía de desarrollo de estándares web que no se numeran, y que evolucionan continuamente en lugar de tener versiones fijas. En el video, se menciona que el WHATWG (Web Hypertext Application Technology Working Group) promueve esta filosofía, en contraposición a la W3C, que numera las versiones de HTML.

Highlights

HTML es el lenguaje de marcado de hipertexto que construye toda la web.

El hipertexto permite la interconexión de documentos a través de enlaces.

HTML es un lenguaje de marcado, no un lenguaje de programación.

HTML y la web nacieron juntas en 1989 por Tim Berners-Lee.

La primera versión de HTML tenía solo 18 etiquetas.

La web es conocida como World Wide Web por su interconexión global.

La sintaxis de HTML es sencilla, basada en etiquetas de apertura y cierre.

Las etiquetas HTML pueden tener atributos para añadir información adicional.

La 'guerra de los navegadores' llevó a la creación del W3C para estandarizar la web.

HTML5 llegó en 2004 y revolucionó la web con nuevas características y APIs.

HTML5 incluyó soporte para multimedia, mejoras en accesibilidad y nuevas etiquetas semánticas.

Web Components son el futuro de la web, permitiendo la creación de componentes personalizados.

Un buen código HTML mejora el SEO y el posicionamiento en Google.

HTML soporta consultas de medios (Media Queries) para adaptarse a diferentes tamaños de pantalla.

Existen dos versiones de HTML en desarrollo, la de WHATWG y la de W3C.

La versión de HTML de WHATWG es más aceptada por la comunidad y la industria.

Aprender HTML es fundamental para cualquier carrera en el desarrollo web.

Transcripts

conoces html si tu respuesta es no

probablemente si habrás escuchado

términos como www web o página web

pues bien html es el lenguaje sobre el

cual está construida toda la web y tanto

si ya tienes experiencia con un html y

el desarrollo web en general como si es

tu primera vez con este lenguaje los 10

datos que te voy a dar en este vídeo te

van a ayudar muchísimo a comprenderlo

mejor número uno que es html html son

las siglas de hyper text markup language

es decir lenguaje de marcado de

hipertexto para comprender mejor esto

debemos desmenuzar estas siglas en

primer lugar hipertexto se refiere a un

texto que contiene enlaces es decir el

texto plano es un texto que solamente

puedes leerlo pero un hipertexto es

aquel texto que contiene fragmentos

donde tú puedes hacer clic en un

navegador gráfico y te llevan a otro

documento eso permite que los documentos

estén interconectados entre sí esto es

algo muy elemental pero es la

de toda la web y en su momento fue una

completa revolución marcado significa

que html es un lenguaje que define la

estructura de los documentos es decir en

un documento indica que parte es el

título que parte es un párrafo qué parte

es una lista qué parte es un subtítulo

qué parte es un enlace etcétera mientras

que el lenguaje indica obviamente qué

html es un lenguaje no es un lenguaje de

programación pero obviamente es un

lenguaje así que cuando alguien te diga

que html no es un lenguaje después dile

que crees que significa la l en html

número 2 html y la web nacieron juntas

en 1989 tim berners-lee era científico

de partículas en el cern la organización

europea para la investigación nuclear

invernal y como todo científico requería

acceder y compartir documentos con otros

profesionales pero es un proceso

bastante arduo era un proceso muy

técnico entonces a él se le ocurrió la

forma de simplificar este proceso a

través del hipertexto es decir que los

documentos mismos

tengan enlaces que los conecten con

otros y de esta manera todos los

documentos se iban a estar

interconectados entre sí entonces si yo

estaba leyendo un documento y había una

referencia hacia otro me bastaba a

seguir ese enlace en lugar de ir a un

gran archivo y buscar ese otro documento

entonces comienza a trabajar en lo que

sería html la primera versión de html

tenía apenas 18 etiquetas y en 1990 se

publica la primera página web de la

historia en el año 1993 el salón libera

html como un lenguaje libre de uso la

web entonces es el conjunto de

documentos html interconectados a través

de enlaces alrededor de todo el mundo

por eso se le llamo world wide web o red

de alcance global así que tim

berners-lee no solamente es el creador

de html también es el creador de la web

número 3 la sintaxis de html es bastante

sencilla por lo cual es un lenguaje

fácil de aprender ya que es un lenguaje

de marcado se basa en etiquetas

etiquetas de apertura etiquetas de

cierre y dentro del contenido entonces

tú puedes tener una etiqueta

a título y una etiqueta del cierre

título y lo que va adentro es obviamente

el título te das cuenta que es fácil de

aprenderlo entonces yo podría tener una

etiqueta head y otra etiqueta head

indican que esto es la cabeza otra

etiqueta cuerpo y otra etiqueta cuerpo

que indican que esto es el cuerpo además

las etiquetas pueden tener datos extra

conocidos como atributos y los atributos

simplemente se indican con el nombre del

atributo el signo de igual y el valor de

este atributo por ejemplo esto que

ustedes ven en pantalla es un enlace

cuando tú haces clic en ese texto te va

a llevar a la página web de the team

número 4 la doble crisis hace un momento

dije que la web se conocía también como

www por worldwideweb es así red de

alcance global por lo tanto fue una

revolución después de la computadora

personal la siguiente revolución

informática fue la web entonces hubo una

guerra de los navegadores donde es que

hay por un lado en internet explorer por

otro se peleaban por el dominio de la

web más allá de las guerras cada empresa

implementa

el lenguaje a su propio modo particular

por eso en 1994 se crea la doble 3 y la

doble 3 y consorcio es decir el

consorcio que se encarga de velar por

los estándares web por definir los

estándares web para que en las empresas

lo respeten obviamente ellos no tienen

la potestad de obligar a que respeten

los estándares o de sancionar a las

empresas que no respeten los estándares

ellos simplemente dan la pauta para que

me entiendas mejor es algo así como la

real academia española y el idioma

castellano la real academia española

pone las reglas pon el diccionario dice

cómo debe ser el idioma pero finalmente

la gente habla como más le parece o cómo

se habla en su región particular y la

real académia no puede hacer nada al

respecto es más cuando una forma de

hablar es demasiado usada la real

academia española no tiene más opción

que añadirle al diccionario igual con la

doble o 3 y cuando alguna tecnología es

muy usada pues no tiene más opción que

añadirla a la especificación así que hay

una especie de tira y afloja

entre la doble crisis y las empresas que

hacen los navegadores y obviamente los

desarrolladores entonces la doble crisis

no es una policía de la web la doble

crisis simplemente fija los estándares

número cinco html5 llegué en el 2004 y

fue la más grande revolución de la web

sucede que html había avanzado hasta la

versión 4.0 1 en el año 1999 pero era un

caos horrendo si tú vienes de la vieja

escuela como yo recordarás que en

aquellas épocas había hasta siete

versiones de html si escuchaste bien 7

html transición al html estricto html

friends & xhtml transicional xhtml

estricto xhtml friends set y xhtml 1.1

cada uno con sus doctas y cada uno con

reglas diferentes

eeuu cause la doble trees y tuvo la

genial idea de unificar estas siete

versiones en una sola que se iba a

llamar x html 2

con lo cual html como lenguaje iba a

morir ya habían decidido no seguir más

un grupo de desarrolladores de mozilla

opera y safari propusieron un borrador

para una nueva versión de html sin

embargo la doble crisis lo rechazó

entonces estos desarrolladores pues

dijeron no vamos a dejar que html muera

y crearon una nueva institución alterna

esta institución se llama web doble ya

que significa web

hyper text application technology

working group sí bastante largo pero

significa algo así como grupo de trabajo

de tecnologías de aplicaciones web

la web doble y empezó a trabajar en la

nueva versión de html porque ellos no

querían que html muera y que se cree

xhtml 2

en su reemplazo porque además tenía

varios problemas una de las principales

cosas a las que se oponían era que es

html 2 no iba a tener compatibilidad

total con las versiones anteriores de

html con lo cual muchas páginas web iban

a dejar de funcionar así que luego de un

arduo trabajo en 2004 la uat w presenta

la especificación html 5 y en el mundo

cambio la web como la conoces hoy en día

le debe mucho a este momento en que se

lanzó html 5 en el año 2007 como te dije

hace un rato la doble crisis no tuvo más

opción que tomar la especificación de la

uar doble y continuar con el desarrollo

de html es decir echarse para atrás en

sus intenciones de matar html y en el

2009 le dieron la estocada final a xhtml

2 y abandonaron por completo su

desarrollo número 6 html5 es más que

html cómo es esto posible pues html es

el lenguaje de marcado sin embargo como

ya explicamos son las

empresas desarrolladoras de navegadores

las que implementan finalmente html pero

también integran otras características

entonces para el lanzamiento de html

también los navegadores habían alcanzado

nuevas características y venían con

nuevas apis por ejemplo geolocalización

por ejemplo canvas para hacer dibujos en

pantalla a través de javascript

por ejemplo soporte para xxvii es decir

para gráficos vectoriales tipo

illustrator pero que se podían

interpretar desde el navegador por

ejemplo soporte nativo para audio y

vídeo soporte para websockets es decir

comunicación bidireccional con el

servidor en tiempo real y bastantes

otras incluso css con sus nuevas

características como animaciones 3d y

otros efectos interesantes al que se le

llamó css3 por marketing aunque css3

como versión jamás existió entonces

aunque técnicamente hablando html5 en la

versión 5 del lenguaje de marcado hay

que recordar que en su lanzamiento se

integraron muchas tecnologías por lo

tanto cuando te escuchas hablar

5 también pueden estarse refiriendo a

todas las tecnologías que vinieron con

los navegadores y que permitieron que

empecemos a desarrollar aplicaciones web

es decir aplicaciones completas que se

ejecutan directamente en el navegador

como si fueran una aplicación de

escritorio pero todo en tu navegador si

tú pienses en aplicaciones como google

docs que prácticamente es un office de

escritorio pero en el navegador

entenderás a qué me refiero con

aplicaciones web estas fueron posibles a

partir de html5 número 7 los web

componentes son el futuro de la web

hasta este momento las etiquetas html

son las que nos dice el estándar

nosotros no podemos crear nuevas

etiquetas es decir tú puedes escribir

etiquetas en el código pero el navegador

no las va a interpretar así que es lo

mismo que nada pero sería muy

interesante poder a través de

tecnologías web puras crear componentes

encapsulados por componentes me refiero

a un trozo

de html css con javascript con todo su

comportamiento que pueda ser reutilizado

en proyectos si has usado y aquí es

angular view o incluso polymer este

concepto te suena este concepto es

nativo de la web el detalle es que los

navegadores aún no lo soportan y todavía

está en desarrollo pero el futuro de la

web es que tú puedas crear tus propios

componentes por ejemplo un menú por

ejemplo un acordeón por ejemplo un

formulario encapsularlos con código

nativo sin librerías ni frameworks y

poder reutilizarlos en cualquier

proyecto los web components están

basados en cuatro tecnologías número uno

los custom elements es decir que tú

puedes crear tus propios elementos html

a través de javascript

y luego utilizarlos como html de toda la

vida número 2

los templates de html con la etiqueta

template de html tú puedes crear un

marcado vacío y luego llenarlo con

javascript como si fuera un mix sing

número 3 el pseudo mail shadow dom es el

don interno de los web componentes es

decir si tú creas un formulario como un

web componen

metes a otro documento html

el documento html tiene sus dos

principales decir su estructura de

documento y el componente tiene su

propio don que no interfiere con el

superior y se llama shadow dom

obviamente hay métodos de javascript y

pseudo clases de css para acceder a ese

botón y número 4 los importes de html

con lo cual podemos a través de la

etiqueta el link traernos otro documento

html en el que estamos actualmente los

navegadores todavía no soportan

completamente los web componentes para

pasar un tiempo más pero obviamente va a

ser la gran revolución de la web

después de html5 número 8 un buen código

html te da mejor ceo es decir mejor

posicionamiento en google porque simple

ya hemos dicho que html es un lenguaje

que estructura los documentos y les ha

jerarquía de la semántica

por lo tanto google rastrea las páginas

web y si tu código html es bueno google

va a entender cuál es el título cuál es

el contenido cuáles son las imágenes de

qué son estas imágenes si tú has puesto

el código alto las metido en un figurón

etcétera de hecho cuando se intenta

mejorar el posicionamiento de una página

web uno de los primeros análisis que se

hacen es el de html entonces se buscan

errores como páginas que no tengan

título h1 o que tengan títulos o uno

repetido imágenes que no tengan el

atributo al que indica de qué se trata

esta imagen para que google entiende y

la ponga en google y mayer páginas que

no tengan la etiqueta title páginas que

no tengan el meta descripción que nos da

una descripción para mostrar en redes

sociales y en google enlaces que apunten

a direcciones equivocadas o direcciones

inexistentes o la misma estructura del

contenido es decir que exista la

etiqueta main que existan los las

secciones y los subtítulos

correspondientes por lo tanto si te

dedicas al marketing digital o quieres

dedicarte al marketing digital también

deberías aprender html no solamente para

el desarrollo web número 9 html soporta

media cual es las media cuáles son

consultas a los medios para simplificar

te lo porque es un poco más complejo la

media fuera es una consulta a la

pantalla del dispositivo entonces le

puede preguntar al dispositivo de qué

ancho es tu pantalla de qué

es tu pantalla su pantalla es vertical o

es horizontal

qué proporción de aspecto tiene etcétera

y según las respuestas que le del

dispositivo nosotros podemos mostrar una

cosa u otra con ccs podemos hacer media

cual es a través de la regla arroba

media con javascript podemos hacer media

pérez a través del método match media

pero te sorprenderá saber qué html

también permite hacer media queries a

través de la etiqueta picture entonces a

través del atributo media nosotros

podemos indicar qué imagen se va a

mostrar en cada tamaño de pantalla sin

necesidad de ccs ni de javascript y

número 10 existen dos versiones de html

corriendo en paralelo aunque no lo

puedas creer cómo es esto posible pues

recordarás que la doble cierre

institución que se encarga de definir

los estándares web pero ellos querían

matar html entonces apareció el agua

doble y para crear html5

por un tiempo trabajaron juntas cuando

la doble ciencia dio cuenta de su error

y empezó a trabajar en html tomando el

trabajo que había hecho la uat doble y

empezaron a trabajar en conjunto hasta

el año 2011 en que se divorciaron porque

porque la doble crisis tenía la obsesión

de ponerle número al lenguaje

55.1 5.2 5.3 etcétera para la doble 3 y

ahorita estamos en html5 punto 2

mientras que el agua doble y decía que

no porque ponerle un número lenguaje

indica que el desarrollo está terminado

y terminar un desarrollo monolítico tan

grande es muy complejo de hecho por eso

es que se hace es ese parte en módulos

entonces la postura del agua tobruk y

era tener un estándar vivo que no tenga

números entonces para el agua w

no hay html5 hay html y nada más y le

llaman living standard ahora bien a cuál

de las versiones debemos hacerle caso

cuál es la versión oficial

si nos ponemos institucionales y nos

ponemos tradicionalistas podríamos decir

que la versión de la doble oficina sin

embargo hay que reconocer que la versión

más aceptada por la comunidad de

desarrolladores y por la industria

general es la versión de la uat w

de hecho en la especificación del agua

al doble ellos comentan claramente que

la doble crisis se basa en el trabajo de

ellos para crear sus especificaciones

incluso ellos dicen que la dolores y

republica tal cual el trabajo del agua

doble allí y a ellos no les gusta que

danés existe una página llamada cannabis

donde nosotros podemos revisar la

compatibilidad de los navegadores con

las tecnologías web entonces cuando tú

revisas una tecnología web aparece un

link a la documentación y esa

documentación siempre es la del agua

doble y no de la doble 30 y esos son los

10 datos que quería contarte sobre html

espero haberte contado algo nuevo y si

algo me he olvidado déjalo en los

comentarios

y probablemente hagamos una segunda

parte si quieres dedicarte al desarrollo

web que es una de las carreras con mayor

mercado en el mundo de la tecnología

html es el primer lenguaje que debes

aprender es sencillo de aprender es un

lenguaje de marcado no es un lenguaje de

programación por lo tanto no te vas a

enfrentar a cálculos fórmulas

manipulación de datos etcétera y en el

de tim tenemos un curso completo

a tease de html que fue dictado en la

universidad mayor de san marcos en lima

perú solamente entra a tim es las 7 ml

para comenzar su carrera en el

desarrollo web

y