1.3 Especificación oficial sobre HTML
5 (HyperText Markup Language, versión 5) es la quinta revisión del lenguaje HTML. Esta nueva versión (aún en desarrollo), y en conjunto con CSS3, define los nuevos estándares de desarrollo web, rediseñando el código para resolver problemas y actualizándolo así a nuevas necesidades. No se limi ... para arrancar en este mundo es comenzar con HTML. Pues, una vez que domines este lenguaje de programación, podrás entender mucho más fácil, tanto el CSS, cómo el JavaScript, y los demás. Además, HTML5 es retrocompatible. Esto quiere decir, que sí ya conoces de versiones anteriores, el conocimiento apr ... a especificación de HTML5 a finales de 2014, y una nueva especificación final de HTML 5.1 a finales 2016. Al igual que ocurre en la especificación de CSS3, en HTML5 se ha optado por modularizar la especificación, creando grupos de trabajo que trabajan de forma separada en diferentes aspectos del estánd ...
1.2 ¿Cómo nace el HTML?
de 1997» y supone un gran salto de calidad por sobre las versiones anteriores. Entre sus novedades más destacadas se encuentran las hojas de estilos CSS, la posibilidad de incluir pequeños programas o scripts en las páginas web, mejora de la accesibilidad de las páginas diseñadas, tablas complejas y m ... amas o scripts en las páginas web, mejora de la accesibilidad de las páginas diseñadas, tablas complejas y mejoras en los formularios. La llegada del CSS trajo un sinfín de posibilidades gráficas a las páginas web, permitiendo que estas sean más decorativas, e incentivando a más desarrolladores a crear ...
1.1 ¿Qué es HTML?
or ir un poco más allá, podemos decir que el HTML se emplea para construir la «estructura» de un sitio web. Cómo lo hablamos en este post sobre HTML, CSS, y JavaScript. Cada uno de los códigos tiene su función dentro de la creación de un sitio web, pero por mencionar todo de manera muy simple, podemos ... sitio web, pero por mencionar todo de manera muy simple, podemos mencionar que sí la estructura se hace con el HTML; entonces las paredes van con el CSS; y el JavaScript le añade ciertas funcionalidades a la casa. ¿Qué es el HTML y cómo se usa? Los diseñadores utilizan el lenguaje HTML para crear sus ...
Cloaking: Una práctica SEO cuestionable
No porque estas empresas hagan Cloaking, si no, justamente, por lo contrario, porque cumplen con las directivas de privacidad. 7. Malas prácticas de CSS y de JavaScript Estas malas prácticas de CSS y JavaScript consisten en un Keyword Stuffing en el código. Pues, Google no es capaz de interpretar «o a ...
Visual Studio Code: Una herramienta diferencial
do permitir una gran cantidad de paquetes. Entre los Lenguajes tenemos: JavaScript, Python, Java, Markdown, TypeScript, C/C++, JSON, Powershell, HTML/CSS, C#, PHP, YAML, entre otros. 2. Sistemas operativos Cómo lo mencionamos en el apartado anterior, Visual Studio Code está disponible para la mayoría d ...
WCAG y Accesibilidad e inclusión en la web
onsortium. El cual es un organismo internacional que se encarga de liderar los estándares del internet, en especial las tecnologías cómo HTML; XHTML; CSS; y WCAG. Por eso entendemos qué la misión del W3C es la implementación de reglas comunes para incluir y adaptar el contenido a las necesidades del us ...
Google Discover: El nuevo feed de contenidos intuitivos
— Llega un punto en la vida de toda persona en la que descubre qué Papa Noel son los padres. De esto y más vamos a hablar. Pues, Google, desea brindar nuevas experiencias para los usuarios, así nació Google Discover. La herramienta qué te permite descubrir «cosas nuevas«. Google Discover quiere comp...
Optimizar Core Web Vitals es fácil
ontentful Paint. Pero, no menos cierto, es qué hay factores qué aumentan o reducen el tiempo de carga del LCP: cómo el tiempo del propio servidor; el CSS; el JavaScript; entre otros. Por eso tener el mejor servidor no hace resultado a la velocidad final, pues, son varios los factores a tener en cuenta. ... a consulta en la base de datos. API’s: Algunas APIs pueden tardar en resolverse, y generan una demora en los tiempos de carga. Mucho código: El CSS es muy lindo, pero pesado, un exceso de CSS ralentiza la carga del sitio. Lo mismo sucede con el JavaScript. Recursos no optimizados: Los recursos no ... Línea de tiempo con un ejemplo de carga para una web normal En la imagen anterior se muestra una página que realiza solicitudes de red para recursos (CSS y JavaScript) y, luego que se terminan de descargar esos recursos, se procesan en el subproceso principal. El resultado son periodos en los que el su ... ero las páginas HTML almacenadas en la caché, luego el resto. Anticiparte a conexiones de terceros. 2. Minimizar y diferir el código Los Scripts y el CSS puede llegar a ser un problema sí el código es muy grande, ya que penaliza directamente al Largest Contentful Paint. Cuando se abre una URL, el naveg ... ión nueva completamente minimizada. Otra idea es eliminar las cosas qué no se utilizan, usando un plugin minimizador de código. Con buscar «minimizar CSS» en la tienda de aplicaciones alcanza. Luego tendrás una amplia gama de opciones. La carga diferida o lazy load es una de las mejores ideas para dism ...
Páginas AMP: ¿Qué son?, ¿Cómo funcionan?
entre un 15% y un 85% en comparación con las que no. — Pero, ¿cómo lo hacen?. Bueno, es genial, porque las páginas AMP minimizan el uso de elementos CSS o JavaScript, dando prioridad a la carga de imágenes y textos. Pues, sí hay elementos innecesarios de carga para la navegación, ¿cuál es el punto de ... erentes variables: RECOMENDADO: ¿QUÉ ES UNA NUBE DE ETIQUETAS? ¿Qué hacen las Páginas AMP? Bueno, cómo lo mencionamos, el AMP minimiza todo lo qué es CSS y JavaScript innecesario. Lo hace creando una nueva URL con AMP, dejando una AMP y otra normal. Entonces, gracias a esto, podremos optimizar la versi ...
PWA: Las Progresive Web App se imponen en el SEO
un estándar, en este caso, se crean en lenguaje HTML. Pues, todos los navegadores son capaz de interpretarlo, además de qué para mejorar la UX, usan CSS y JavaScript. Por eso, los usuarios pueden utilizar cualquier navegador que elijan para acceder a su aplicación web antes de que se instale. 3. Respo ...
Clickbait: Lo bueno, lo malo, y lo feo
Cómo dijo Bill Kilgore en Apocalyse Now: — I love the smell of napalm in the morning! Pues, es qué todo ese napalm debe haber generado mucho humo, pero seguro no tanto como el qué genera el Clickbait. Digo esto, porque el Clickbait es una táctica de dudosa procedencia que tiene cómo objetivo generar...
Lazy Loading: Las cargas diferidas mejoran el rendimiento SEO
eficiente para aparecer en los primeros lugares de las SERPs. Pues, una carga rápida y eficiente ayuda mucho con este proceso. Pues, limpia mucho tu CSS. 3. Mejor UX Una navegación fluida y de calidad brinda una buena experiencia al usuario. En consecuencia, podría mejorar la tasa de conversión. Pues, ...