Saltar la navegación

HTML

El HTML de las exportaciones varía según el tipo (Sitio web, página sola...), pero tiene muchas clases e identificadores comunes.

Cada exportación tiene su clase

La etiqueta BODY tiene una clase diferente en cada exportación. Podemos usar esa clase para controlar la apariencia en caso de necesidad:

  • Sitio web: exe-web-site
  • Página sola: exe-single-page
  • SCORM: exe-scorm
  • IMS: exe-ims
  • ePub3: exe-epub3

También podemos usarla para añadir funcionalidades JavaScript en determinados casos:

$(function(){
    if (document.body.className.indexOf('exe-web-site')!=-1) {
        ...
    }
});

La clase "js"

Justo al empezar el contenido de BODY encontramos siempre el siguiente código:

<script type="text/javascript">document.body.className+=" js"</script>

Como vemos, se añade la clase "js" a la etiqueta BODY. Eso nos sirve para ocultar/mostrar diferentes elementos.

Si JavaScript está habilitado, hay elementos, como las retroalimentaciones, que estarán ocultos por defecto. Esto último lo hace base.css:

.js-required,.js .js-hidden{display:none}
.js .js-required{display:block}

Conozcamos el HTML de las diferentes exportaciones: