El atributo ‘src’ en una etiqueta es la ruta hacia un archivo externo o recurso que quieres enlazar a tu documento HTML.
Por ejemplo, si tuvieses tu propio archivo personalizado de JavaScript llamado ‘script.js’ y quisieras agregar su funcionalidad a tu página HTML, lo agregarías de la siguiente manera:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Ejemplo de atributo de script Src</title>
</head>
<body>
<script src="./script.js"></script>
</body>
</html>Esto apuntaría a un archivo llamado ‘script.js’ que está en el mismo directorio del archivo .html. También puedes enlazar otros directorios usando ’..’ en la ruta del archivo.
<script src="../public/js/script.js"></script>Esto salta un nivel arriba del directorio, luego a un directorio 'público', luego a un directorio llamado ‘js’ y luego al archivo ‘script.js’.
También puedes usar el atributo ‘src’ para enlazar archivos ".js" externos alojados por un tercero. Esto se usa si no quieres descargar una copia local del archivo. Solo ten en cuenta que si el enlace cambia o si el acceso de red está caído, el archivo externo que estás enlazando no funcionará.
Este ejemplo enlaza un archivo jQuery.
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>Traducido del artículo Link JavaScript to HTML with the script src Attribute