estandares web

1. Estándares Web

3. Estándares Web
▪ Los estándares Web son protocolos, pautas y tecnologías inter-
operativas e internacionales creadas con la finalidad de guiar la
Web a un mejor rendimiento y mejorar la funcionalidad
operativa para los navegadores y usuarios.

4. Estándares web
▪ Los estándares web no se centran solo en el desarrollo web. Se
considera también a los negadores, HTTP, software de diseño y
desarrollo, así como también los dispositivos de consumo.

5. Estándares web
▪ Se desarrollan y formalizan para dar fuerza y ​​consistencia al
núcleo de la web. Cuanto más nos adherimos a estos
estándares, más accesible será la web para todos.
▪ Incluso si no está involucrado en la codificación de sus sitios
web, es probable que esté familiarizado con los estándares web
actuales.

6. HTML, CSS y JavaScript
▪ El código mal escrito puede causar muchos problemas para el
rendimiento de un sitio web.

7. HTML, CSS y JavaScript
▪ Dado que HTML, CSS y JavaScript forman la columna vertebral
de la web, existen estándares estrictos relativos a cómo se
escriben y cuándo se usan.
▪ Además, a medida que las variaciones de estos idiomas entran
en el léxico de la web, como HTML5 y CSS3, también se crean
estándares para ellos.

8. ¿Por qué es importante cumplir con estos
estándares?
▪ Al estandarizar la codificación, se hace posible que todos los
desarrolladores y diseñadores hablen el mismo idioma, y ​​que
cada navegador web o software los comprenda.
▪ La finalidad de los estándares es la creación de una Web
universal, accesible, fácil de usar y en la que todo el mundo
pueda confiar.

9. Sitios web
▪ Son construidos a través de un lenguaje llamado por sus siglas
HTML (Hypertext Markup Languaje) y CSS (Cascade Style
Sheet) estas instrucciones o etiquetas sin el cumplimiento de
los estándares o la validación correcta pueden presentar
diferencias o errores si se visualizan desde diferentes
navegadores web (Chrome, Mozilla, IE, Edge, Opera, entre
otros) por lo tanto es importante seguir los estándares, se
puede cometer el error de usar etiquetas que están desfasadas
o etiquetas que para algunos navegadores no son reconocidas.

10. PRACTICA

11. Un poco de historia
▪ En 1991, Tim Berners Lee inventa el HyperText Markup Language,
que contaba sólo con unos 20 tags.
▪ HTML 2.0 se convierte en la primera especificación, que incluye el tag
img.
▪ En 1999, el W3C publica la especificación de HTML 4.01.
▪ En 2000, se publica la especificación de XHTML 1.0 (la "X" es de
eXtensible). No se incorporan nuevos elementos, pero se modifica la
forma de escribirlos, según el lenguaje XML, mucho más estricto.
▪ En 2001, se publica la especificación de XHTML 1.1.

12. Un poco de historia
▪ A partir de 2004, se inicia el desarrollo de HTML5 con el
objetivo de modernizar el lenguaje y abordar las necesidades
cambiantes de la web.
▪ HTML5 se centra en la mejora de la estructura, introduciendo
nuevas etiquetas semánticas como <article>, <section>, <nav>,
entre otras.
▪ Incorpora soporte nativo para audio y video con las etiquetas
<audio> y <video>, reduciendo la dependencia de
complementos externos.

13. APIs y Características Adicionales:
▪ HTML5 introduce numerosas APIs que permiten interactividad
avanzada y funcionalidades enriquecidas, como la API de
Canvas para gráficos y la API de Geolocalización.
▪ Soporte mejorado para almacenamiento local con localStorage
y sessionStorage.
▪ Implementación de Web Workers para ejecutar scripts en
segundo plano, mejorando la capacidad de respuesta de las
aplicaciones web.

14. HTML en la Actualidad
▪ La comunidad web sigue explorando nuevas tecnologías, como
Web Components, para modularizar y reutilizar el código HTML.
▪ Se especula sobre la posibilidad de HTML6, que podría traer
más innovaciones y mejoras al lenguaje.

15. Web Components y HTML6:
▪ La comunidad web sigue explorando nuevas tecnologías, como
Web Components, para modularizar y reutilizar el código HTML.
▪ Se especula sobre la posibilidad de HTML6, que podría traer
más innovaciones y mejoras al lenguaje.

16. Interactividad y Responsividad
▪ La evolución de HTML ha contribuido significativamente a
mejorar la interactividad y responsividad de las aplicaciones
web.
▪ El uso de JavaScript junto con HTML permite la creación de
experiencias de usuario más dinámicas y atractivas.

17. Adaptabilidad y Diseño Responsivo
▪ HTML ha evolucionado para abordar la diversidad de
dispositivos y tamaños de pantalla, promoviendo el diseño
responsivo.
▪ Media queries y viewport meta tags son herramientas clave
para optimizar la presentación en dispositivos móviles.

18. Compromiso con la Accesibilidad:
▪ Los estándares HTML incluyen pautas para mejorar la
accesibilidad web.
▪ Atributos como alt para imágenes y elementos semánticos
ayudan a hacer la web más accesible para usuarios con
discapacidades.

19. Seguridad y Privacidad:
▪ Los desafíos actuales incluyen mantener la seguridad y
privacidad en un entorno web en constante evolución.
▪ Nuevas especificaciones y estándares se desarrollan para
abordar estos desafíos y mejorar la integridad de la web.

21. HTML
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Menú HTML5</title>
<link rel="stylesheet" href="estilo1.css">
</head>
<body>
<header>
<h1>Menú HTML5</h1>
</header>
<nav>
<a href="#">Inicio</a>
<a href="#">Servicios</a>
<a href="#">Contacto</a>
</nav>
</body>
</html>

22. CSS
body {
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
}
header {
background-color: #4CAF50; /* Verde */
color: #fff;
text-align: center;
padding: 1em 0;
}
nav {
background-color: #2196F3; /* Azul */
display: flex;
justify-content: center;
}
nav a {
color: #fff;
text-decoration: none;
padding: 1em;
margin: 0 10px;
transition: background-color 0.3s;
}
nav a:hover {
background-color: #555; /* Al pasar el ratón */
}