En este artículo, nos enfocaremos en la etiqueta src en HTML5 y cómo se utiliza para enlazar archivos multimedia en una página web.
¿Qué es la etiqueta src en HTML5?
La etiqueta src (short for source) es un atributo comúnmente utilizado en las etiquetas ``, `
```
Este ejemplo carga el script script.js en la página web.
- Estilos CSS
```
stylesheet type=text/css href=estilos.css>```
Este ejemplo carga los estilos CSS de la hoja de estilos estilos.css en la página web.
- Audio
```
```
Este ejemplo carga el archivo de audio audio.mp3 y lo reproducirá con controles de reproducción.
- Video
```
```
Este ejemplo carga el archivo de video video.mp4 y lo reproducirá con controles de reproducción.
- Image con atributo alt
```
imagen.jpg alt=Imagen de ejemplo width=300 height=200>
```
Este ejemplo carga la imagen imagen.jpg y agrega un atributo alt para describir la imagen.
- Script con atributo async
```
```
Este ejemplo carga el script script.js de manera asincrónica, lo que mejora el rendimiento de la página web.
- Link con atributo rel
```
stylesheet type=text/css href=estilos.css media=screen>```
Este ejemplo carga los estilos CSS de la hoja de estilos estilos.css y aplica los estilos solo en pantallas de computadora.
- Audio con atributo loop
```
```
Este ejemplo carga el archivo de audio audio.mp3 y lo reproduce en bucle.
- Video con atributo poster
```
```
Este ejemplo carga el archivo de video video.mp4 y agrega un poster (imagen de fondo) poster.jpg.
Diferencia entre la etiqueta src y la etiqueta href
La etiqueta src y la etiqueta href son dos atributos comunesmente utilizados en HTML5, pero con funciones diferentes. La etiqueta href se utiliza para especificar la ubicación de un enlace entre páginas web, mientras que la etiqueta src se utiliza para especificar la ubicación de un archivo multimedia.
¿Cómo utilizar la etiqueta src en una página web?
Para utilizar la etiqueta src en una página web, simplemente agrega el atributo src al elemento HTML correspondiente (como ``, `