Thuộc tính ‘src’ trong thẻ là đường dẫn đến tệp hoặc tài nguyên bên ngoài mà bạn muốn liên kết với tài liệu HTML của mình.
Ví dụ: nếu bạn có tệp JavaScript tùy chỉnh của riêng mình có tên ‘script.js’ và muốn thêm chức năng của nó vào trang HTML của mình, bạn sẽ thêm nó như sau:
<!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>Điều này sẽ trỏ đến một tệp có tên ‘script.js’ nằm trong cùng thư mục với tệp .html. Bạn cũng có thể liên kết đến các thư mục khác bằng cách sử dụng ‘..’ trong đường dẫn tệp.
<script src="https://www.freecodecamp.org/news/public/js/script.js"></script>Thao tác này sẽ nhảy lên một cấp thư mục, sau đó chuyển sang thư mục ‘công khai’, sau đó đến thư mục ‘js’ và sau đó đến tệp ‘script.js’.
Bạn cũng có thể sử dụng thuộc tính ‘src’ để liên kết đến các tệp .js bên ngoài do bên thứ ba lưu trữ. Điều này được sử dụng nếu bạn không muốn tải xuống bản sao cục bộ của tệp. Chỉ cần lưu ý rằng nếu liên kết thay đổi hoặc quyền truy cập mạng không hoạt động thì tệp bên ngoài mà bạn đang liên kết sẽ không hoạt động.
Ví dụ này liên kết đến một tệp jQuery.
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>Thêm thông tin:
Bài viết MDN trên HTML
