Atributul „src” dintr-o etichetă este calea către un fișier sau resursă externă pe care doriți să o conectați la documentul dvs. HTML.

De exemplu, dacă ați avea propriul fișier JavaScript personalizat numit „script.js” și ați dori să adăugați funcționalitatea sa la pagina HTML, l-ați adăuga astfel:

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Script Src Attribute Example</title>
  </head>
  <body>

  <script src="https://www.freecodecamp.org/news/link-javascript-to-html-with-the-src/./script.js"></script>
  </body>
</html>

Aceasta ar indica un fișier numit „script.js” care se află în același director cu fișierul .html. De asemenea, puteți să vă conectați la alte directoare folosind „..” în calea fișierului.

<script src="https://www.freecodecamp.org/news/link-javascript-to-html-with-the-src/public/js/script.js"></script>

Aceasta sare de un nivel de director, apoi într-un director „public”, apoi într-un director „js” și apoi în fișierul „script.js”.

De asemenea, puteți utiliza atributul „src” pentru a vă conecta la fișiere .js externe găzduite de o terță parte. Aceasta este utilizată dacă nu doriți să descărcați o copie locală a fișierului. Rețineți că, dacă linkul se modifică sau accesul la rețea este oprit, atunci fișierul extern la care vă conectați nu va funcționa.

Acest exemplu se leagă de un fișier jQuery.

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>

Mai multe informatii:

Articol MDN pe HTML