id, class y un menú que salta a cada sección
Al terminar vas a poder:Aplicar id (único) y class (repetible) y construir navegación por anclas (href='#seccion'), verificando que el menú llega a cada sección en pocos clics. Sin CSS todavía: los ganchos se estilizan hasta S5.
Número de lista y uniforme: id vs class
Ponle id a tus secciones y arma el menú de anclas
Truco de IA: lee el diff, no lo pegues
Prueba de un clic, checklist y entrega
Lo que entregas
La página semántica de la Clase A ahora con 3 secciones identificadas con id único, al menos una class repetida en dos elementos, menú de anclas funcional (cada enlace del nav salta a su sección en el navegador) y enlaces «Volver arriba»; más la entrada de bitácora del truco de IA de la semana (qué pedí / qué propuso / qué acepté / qué rechacé y por qué). Todo se ve funcionando en la sesión.
Cómo se califica
- Tres secciones con id único y bien escrito (minúsculas, sin espacios ni acentos) 25%
- menú de anclas: todos los enlaces del nav llegan a su sección al hacer clic 30%
- class repetida en al menos dos elementos 10%
- estructura semántica de la Clase A intacta (un solo h1, un solo main) 15%
- bitácora del truco de IA completa (pedí/propuso/acepté/rechacé y por qué) 10%
- entrega con nombre y carpeta correctos en Drive 10%.
Antes de irte: piensa en lo que hiciste
- ¿Por qué id debe ser único en la página y class puede repetirse? Explícalo con tus palabras, sin la metáfora que usamos en clase.
- En el truco de IA, ¿qué cambio propuso la IA que tú decidiste rechazar o corregir, y cómo lo verificaste?
- Transferencia: la navegación por anclas es un índice que salta al contenido — ¿dónde más te serviría ese patrón? (piensa en el índice de un trabajo largo de otra materia o en los capítulos con tiempo marcado de un video).
Resultado de aprendizaje
RAP 3.2 — Aplica id y class para identificar secciones y construye navegación por anclas dentro de la página. (Consolida el RAP 3.1 de la Clase A: estructura semántica.)