ESTANDARESWEB
dIEGO ALEXANDER CARACÚN CUBULÉ6.TO COMPUTACIÓN "A"
EMPEZAR
¿Qué son los estandares web?
Los estándares web se introdujeron para proteger el ecosistema web, para mantenerlo abierto, gratuito y accesible para todos.
Se perseguía poner la web en una burbuja protectora y no tener que construir sitios web adaptables a navegadores específicos.
Cuando se introdujeron los estándares, se alentó a los creadores de navegadores a adherirse a una forma estandarizada de hacer las cosas, lo que resultó en una compatibilidad cruzada cada vez más fácil para los creadores de contenido y ya no hubo necesidad de crear múltiples versiones del mismo sitio web.
+info
¿por qué son importantes los estandares web?
Conociendo un poco sobre la historia de los estándares y por qué se introdujeron, podemos comenzar a ver los beneficios de tener estándares para el desarrollo web.
Las ventajas de seguir los estándares web establecidos son:
- Mantener la web gratis y accesible para todos
- Ayudar a simplificar el código fuente
- Reducción del tiempo de desarrollo y mantenimiento
- Hacer de la web un lugar más accesible
- Permitir compatibilidad y validación hacia atrás
- Ayudar a mantener un mejor seo (optimización de motores de búsqueda)
- Crear un grupo de conocimiento común
¿Qué es el W3C?
El World Wide Web Consortium (W3C), es una comunidad internacional donde las organizaciones miembro trabajan conjuntamente para desarrollar estándares web.
Este consorcio promueve el uso de estándares para reducir el coste y la complejidad del desarrollo, así como para incrementar la accesibilidad y viabilidad de cualquier documento publicado en la web. Los navegadores actuales (Google Chrome, Mozilla Firefox, Microsoft Edge, Opera o Safari) poseen un serio compromiso con los estándares web.
Sin embargo, siguen existiendo diferentes interpretaciones que implican diferentes comportamientos frente a una misma especificación.
Content Security Policy Level 2
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
Para aprovechar las ventajas de CSP, una aplicación web opta por utilizar CSP proporcionando un Content-Security-Policyencabezado HTTP.
ste documento define la Política de seguridad de contenido, un mecanismo que las aplicaciones web pueden utilizar para mitigar una amplia clase de vulnerabilidades de inyección de contenido.
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
HTML5
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
HTML5 utiliza un protocolo de solicitud/respuesta denominado HTTP para la comunicación entre clientes y servidores.
El HTML5 es un estándar que sirve para definir la estructura, el diseño y el contenido de una página web.
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
css
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
CSS es necesario en el diseño web y la programación frontend para crear experiencias web dinámicas y atractivas.
ste documento define la Política de seguridad de contenido, un mecanismo que las aplicaciones web pueden utilizar para mitigar una amplia clase de vulnerabilidades de inyección de contenido
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
png
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
PNG es un formato de archivo de imagen sin pérdida. Mantiene la calidad de la imagen intacta, lo que es imprescindible si aún hay que editarla. Además, permite la transparencia.
PNG es una sigla que alude a portable network graphics, expresión que puede traducirse al castellano como gráficos de red portátiles. Se trata de un formato gráfico cuya extensión es .png.
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
GeolocationAPI
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
Se accede a la API de geolocalización mediante una llamada a navigator.geolocation.
La API de geolocalización permite al usuario proporcionar su ubicación a aplicaciones web si así lo desea.
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
svg
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
Las imágenes SVG se usan con frecuencia en el diseño web receptivo.
SVG o Gráficos Vectoriales Escalables es un estándar web para definir gráficos basados en vectores en páginas web.
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
Web Share API
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
La capacidad de compartir contenido depende a menudo del sistema operativo subyacente que ofrece una capacidad de "compartir" y también de las convenciones de la interfaz de usuario del sistema operativo.
El estándar Web Share API simplifica el compartir contenido en la Web. Con solo unos clics, puedes compartir enlaces, texto o archivos desde tu aplicación o sitio web.
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
WCAG
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
Las WCAG establecen una serie de pautas que los desarrolladores web deben seguir para asegurarse de que el contenido de sus sitios web y aplicaciones sea accesible para todas las personas.
Las Pautas de Accesibilidad al Contenido Web (WCAG) 2.1 definen cómo hacer que el contenido web sea más accesible para las personas con discapacidades.
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
Lenguaje de marcado de texto cronometrado 2 (TTML2)
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
Este documento especifica el lenguaje de marcado de texto temporizado (TTML), versión 2, también conocido como TTML2, en términos de vocabulario y semántica del mismo.
El lenguaje de marcado de texto temporizado (TTML), versión 2, también conocido como TTML2, proporciona una representación estandarizada de un subconjunto particular de información textual.
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
Aplicaciones de Internet enriquecidas y accesibles (WAI-ARIA) 1.2
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
La accesibilidad del contenido web requiere información semántica sobre widgets, estructuras y comportamientos, con el fin de permitir que las tecnologías de asistencia transmitan información adecuada a las personas con discapacidades.
Las Pautas de Accesibilidad al Contenido Web (WCAG) 2.1 definen cómo hacer que el contenido web sea más accesible para las personas con discapacidades.
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
Audiobooks
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
Esta especificación tiene como objetivo estandarizar el modelo de distribución de audiolibros en la web y entre empresas. Debería facilitar diferentes arquitecturas de agentes de usuario para el consumo de audiolibros.
Un audiolibro es una colección de recursos de audio agrupados por orden de lectura, metadatos y recursos, todos contenidos en un manifiesto.
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
EPUB 3.3
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
Define un formato de distribución e intercambio para publicaciones y documentos digitales.
EPUB (Electronic Publication) es un popular formato de archivo de estándar abierto para libros digitales, documentos y otras publicaciones.
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
JSON-LD
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
JSON-LD se sitúa dentro de una etiqueta <script> dentro del código. Esto hace mucho más sencillo encontrar y extraer los datos básicos para el indexado.
JSON-LD significa JavaScript Object Notation for Linked Data. Como su nombre indica, es una estructura basada en JSON.
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
Decentralized Identifiers (DIDs) v1.0
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
A diferencia de los identificadores tradicionales que requieren una autoridad de registro centralizada, los DIDs son identificadores universalmente únicos (UUID) que son criptográficamente verificables.
Los identificadores descentralizados (DID) son un nuevo tipo de identificador que permite una identidad digital descentralizada y verificable.
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
Verifiable Credentials Data Model v1.1
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
Tanto las credenciales verificables como las presentaciones verificables se pueden transmitir rápidamente, lo que las hace más convenientes que sus contrapartes físicas cuando se intenta establecer confianza a distancia.
Una credencial verificable puede representar toda la misma información que una credencial física.
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
Web Authentication:
An API for accessing Public Key Credentials
Level 2
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
El agente de usuario media el acceso a los autenticadores y sus credenciales de clave pública para preservar la privacidad del usuario.
Esta especificación define una API que permite la creación y el uso de credenciales sólidas, atestiguadas y con alcance basadas en clave pública por parte de aplicaciones web, con el fin de autenticar fuertemente a los usuarios.
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
WebAssembly Core Specification
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
Este documento se ocupa de la capa ISA central de WebAssembly. Define el conjunto de instrucciones, la codificación binaria, la validación y la semántica de ejecución, así como una representación textual.
Es un formato de código seguro, portátil y de bajo nivel diseñado para una ejecución eficiente y una representación compacta.
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
WOFF
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
WOFF ha sido diseñado para comprimir el tamaño de los datos de una fuente, empleada dentro de las hojas de estilo con @font-face.
Un estándar importante relacionado con las fuentes en la web es el formato de fuente abierto web (WOFF).
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
Web of Things (WoT) Architecture
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
La Web de las cosas (WoT) del W3C tiene como objetivo permitir la interoperabilidad entre plataformas de IoT y dominios de aplicación.
Los objetivos de la Web de las cosas (WoT) son mejorar la interoperabilidad y la usabilidad de la Internet de las cosas (IoT).
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
API de dispositivo WebXR
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
Esta especificación describe el soporte para acceder a dispositivos de realidad virtual (RV) y realidad aumentada (RA), incluidos sensores y pantallas montadas en la cabeza, en la Web.
WebXR es un grupo de estándares que se utilizan en conjunto para respaldar la representación de escenas 3D en hardware diseñado para presentar mundos virtuales (realidad virtual o VR ) o para agregar imágenes gráficas al mundo real ( realidad aumentada o AR ).
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
Tecnologia estandares web - DACC 6.toComputacion
Diego Alexander Caracún Cubulé
Created on January 22, 2025
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Geniaflix Presentation
View
Vintage Mosaic Presentation
View
Shadow Presentation
View
Newspaper Presentation
View
Zen Presentation
View
Audio tutorial
View
Pechakucha Presentation
Explore all templates
Transcript
ESTANDARESWEB
dIEGO ALEXANDER CARACÚN CUBULÉ6.TO COMPUTACIÓN "A"
EMPEZAR
¿Qué son los estandares web?
Los estándares web se introdujeron para proteger el ecosistema web, para mantenerlo abierto, gratuito y accesible para todos. Se perseguía poner la web en una burbuja protectora y no tener que construir sitios web adaptables a navegadores específicos. Cuando se introdujeron los estándares, se alentó a los creadores de navegadores a adherirse a una forma estandarizada de hacer las cosas, lo que resultó en una compatibilidad cruzada cada vez más fácil para los creadores de contenido y ya no hubo necesidad de crear múltiples versiones del mismo sitio web.
+info
¿por qué son importantes los estandares web?
Conociendo un poco sobre la historia de los estándares y por qué se introdujeron, podemos comenzar a ver los beneficios de tener estándares para el desarrollo web. Las ventajas de seguir los estándares web establecidos son:
¿Qué es el W3C?
El World Wide Web Consortium (W3C), es una comunidad internacional donde las organizaciones miembro trabajan conjuntamente para desarrollar estándares web. Este consorcio promueve el uso de estándares para reducir el coste y la complejidad del desarrollo, así como para incrementar la accesibilidad y viabilidad de cualquier documento publicado en la web. Los navegadores actuales (Google Chrome, Mozilla Firefox, Microsoft Edge, Opera o Safari) poseen un serio compromiso con los estándares web. Sin embargo, siguen existiendo diferentes interpretaciones que implican diferentes comportamientos frente a una misma especificación.
Content Security Policy Level 2
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
Para aprovechar las ventajas de CSP, una aplicación web opta por utilizar CSP proporcionando un Content-Security-Policyencabezado HTTP.
ste documento define la Política de seguridad de contenido, un mecanismo que las aplicaciones web pueden utilizar para mitigar una amplia clase de vulnerabilidades de inyección de contenido.
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
HTML5
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
HTML5 utiliza un protocolo de solicitud/respuesta denominado HTTP para la comunicación entre clientes y servidores.
El HTML5 es un estándar que sirve para definir la estructura, el diseño y el contenido de una página web.
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
css
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
CSS es necesario en el diseño web y la programación frontend para crear experiencias web dinámicas y atractivas.
ste documento define la Política de seguridad de contenido, un mecanismo que las aplicaciones web pueden utilizar para mitigar una amplia clase de vulnerabilidades de inyección de contenido
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
png
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
PNG es un formato de archivo de imagen sin pérdida. Mantiene la calidad de la imagen intacta, lo que es imprescindible si aún hay que editarla. Además, permite la transparencia.
PNG es una sigla que alude a portable network graphics, expresión que puede traducirse al castellano como gráficos de red portátiles. Se trata de un formato gráfico cuya extensión es .png.
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
GeolocationAPI
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
Se accede a la API de geolocalización mediante una llamada a navigator.geolocation.
La API de geolocalización permite al usuario proporcionar su ubicación a aplicaciones web si así lo desea.
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
svg
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
Las imágenes SVG se usan con frecuencia en el diseño web receptivo.
SVG o Gráficos Vectoriales Escalables es un estándar web para definir gráficos basados en vectores en páginas web.
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
Web Share API
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
La capacidad de compartir contenido depende a menudo del sistema operativo subyacente que ofrece una capacidad de "compartir" y también de las convenciones de la interfaz de usuario del sistema operativo.
El estándar Web Share API simplifica el compartir contenido en la Web. Con solo unos clics, puedes compartir enlaces, texto o archivos desde tu aplicación o sitio web.
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
WCAG
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
Las WCAG establecen una serie de pautas que los desarrolladores web deben seguir para asegurarse de que el contenido de sus sitios web y aplicaciones sea accesible para todas las personas.
Las Pautas de Accesibilidad al Contenido Web (WCAG) 2.1 definen cómo hacer que el contenido web sea más accesible para las personas con discapacidades.
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
Lenguaje de marcado de texto cronometrado 2 (TTML2)
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
Este documento especifica el lenguaje de marcado de texto temporizado (TTML), versión 2, también conocido como TTML2, en términos de vocabulario y semántica del mismo.
El lenguaje de marcado de texto temporizado (TTML), versión 2, también conocido como TTML2, proporciona una representación estandarizada de un subconjunto particular de información textual.
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
Aplicaciones de Internet enriquecidas y accesibles (WAI-ARIA) 1.2
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
La accesibilidad del contenido web requiere información semántica sobre widgets, estructuras y comportamientos, con el fin de permitir que las tecnologías de asistencia transmitan información adecuada a las personas con discapacidades.
Las Pautas de Accesibilidad al Contenido Web (WCAG) 2.1 definen cómo hacer que el contenido web sea más accesible para las personas con discapacidades.
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
Audiobooks
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
Esta especificación tiene como objetivo estandarizar el modelo de distribución de audiolibros en la web y entre empresas. Debería facilitar diferentes arquitecturas de agentes de usuario para el consumo de audiolibros.
Un audiolibro es una colección de recursos de audio agrupados por orden de lectura, metadatos y recursos, todos contenidos en un manifiesto.
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
EPUB 3.3
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
Define un formato de distribución e intercambio para publicaciones y documentos digitales.
EPUB (Electronic Publication) es un popular formato de archivo de estándar abierto para libros digitales, documentos y otras publicaciones.
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
JSON-LD
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
JSON-LD se sitúa dentro de una etiqueta <script> dentro del código. Esto hace mucho más sencillo encontrar y extraer los datos básicos para el indexado.
JSON-LD significa JavaScript Object Notation for Linked Data. Como su nombre indica, es una estructura basada en JSON.
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
Decentralized Identifiers (DIDs) v1.0
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
A diferencia de los identificadores tradicionales que requieren una autoridad de registro centralizada, los DIDs son identificadores universalmente únicos (UUID) que son criptográficamente verificables.
Los identificadores descentralizados (DID) son un nuevo tipo de identificador que permite una identidad digital descentralizada y verificable.
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
Verifiable Credentials Data Model v1.1
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
Tanto las credenciales verificables como las presentaciones verificables se pueden transmitir rápidamente, lo que las hace más convenientes que sus contrapartes físicas cuando se intenta establecer confianza a distancia.
Una credencial verificable puede representar toda la misma información que una credencial física.
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
Web Authentication: An API for accessing Public Key Credentials Level 2
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
El agente de usuario media el acceso a los autenticadores y sus credenciales de clave pública para preservar la privacidad del usuario.
Esta especificación define una API que permite la creación y el uso de credenciales sólidas, atestiguadas y con alcance basadas en clave pública por parte de aplicaciones web, con el fin de autenticar fuertemente a los usuarios.
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
WebAssembly Core Specification
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
Este documento se ocupa de la capa ISA central de WebAssembly. Define el conjunto de instrucciones, la codificación binaria, la validación y la semántica de ejecución, así como una representación textual.
Es un formato de código seguro, portátil y de bajo nivel diseñado para una ejecución eficiente y una representación compacta.
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
WOFF
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
WOFF ha sido diseñado para comprimir el tamaño de los datos de una fuente, empleada dentro de las hojas de estilo con @font-face.
Un estándar importante relacionado con las fuentes en la web es el formato de fuente abierto web (WOFF).
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
Web of Things (WoT) Architecture
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
La Web de las cosas (WoT) del W3C tiene como objetivo permitir la interoperabilidad entre plataformas de IoT y dominios de aplicación.
Los objetivos de la Web de las cosas (WoT) son mejorar la interoperabilidad y la usabilidad de la Internet de las cosas (IoT).
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.
API de dispositivo WebXR
ESTANDARES WEB
aPLICACIÓN
EJEMPLO
definicion
Esta especificación describe el soporte para acceder a dispositivos de realidad virtual (RV) y realidad aumentada (RA), incluidos sensores y pantallas montadas en la cabeza, en la Web.
WebXR es un grupo de estándares que se utilizan en conjunto para respaldar la representación de escenas 3D en hardware diseñado para presentar mundos virtuales (realidad virtual o VR ) o para agregar imágenes gráficas al mundo real ( realidad aumentada o AR ).
Se muestra parte de su sintaxis para mayor entendimiento o se opta por una imagen para representar su aplicacion.