Definición: la etiqueta <style> se utiliza para definir estilos CSS dentro del documento HTML, usualmente dentro de la etiqueta <head>. Normalmente, es mejor especificar los estilos en un archivo externo con la etiqueta <link>. También podemos escribir el estilo dentro de una etiqueta, en ese caso se comporta como un atributo y no se utilizan llaves, sino comillas para delimitar el estilo. En ambos casos la función es la misma: dar etilos CSS, aunque dentro de una etiqueta no se pueden definir clases. A continuación hay un ejemplo de cada caso.
Definición: la etiqueta <summary> se utiliza junto con la etiqueta <details> para crear un elemento interactivo. Este consiste en una cabecera que permanece siempre visible y unos detalles que se pueden mostrar u ocultar; para ello basta hacer clic sobre la cabecera. La etiqueta <details> define los detalles y la etiqueta <summary> contiene la cabecera. Los navegadores añaden un pequeño triángulo delante de la cabecera que indica si los detalles son visibles o no, mediante la diferente posición del triángulo.
Ejemplo:
<details>
<summary>Copyright aulaClic.</summary>
<p> Todos los derechos reservados.</p>
<p> No se pueden utilizar los cursos de aulaClic en academias para uso profesional .</p>
</details>
Resultado:
Copyright aulaClic.
Todos los derechos reservados.
No se pueden utilizar los cursos de aulaClic en academias para uso profesional.
Definición: la etiqueta <svg> permite definir una imagen dando sus características geométricas mediante diferentes comandos. Esta etiqueta es el contenedor de algo más amplio, el sistema SVG (Scalable Vector Graphics) es un formato de imagen basado en vectores y con gráficos redimensionables (o escalables). Esta última característica permite ver el gráfico a distintos tamaños sin pérdida de resolución, algo que no sucede con las imágenes de tipo mapa de bits (gif, jpg, png, ...) que aparecen "pixeladas" cuando se aumenta su tamaño. SVG es un estándar abierto definido por W3C e implementado en la mayoría de los navegadores web.
