Cú pháp sử dụng Javascript trong html

Hôm nay mình có nghiên cứu một ít về giải mã Javascript tiện thể cũng chia sẻ nhỏ các cú pháp sử dụng Javacript nhúng trong HTML và cũng lưu ý một chút về mặt SEO
Có nhiều lý do để bạn tìm hiểu về cách nhúng Javascript như tối ưu Javascript để tăng tốc website hay giải mã code javacript loại bỏ một số Javascript mặc định..vv

Kiến thức cơ bản khi sử dụng Javacript mà bạn cần nhớ


Cú pháp sử dụng Javascript trong html


1. Vị trí của Javascript trong HTML

Javascipt được đặt trong HTML nằm trong cặp thẻ <SCRIPT> và <\SCRIPT>. Chúng có thể xuất hiện ở  <HEAD> hay <BODY> trong HTML. Nếu đặt dưới thẻ <HEAD> nó sẽ được tải đầu tiên trước phần nội dung để sẳn sàng sử dụng, vì vậy bạn cũng cần lưu ý vị trí đặt để tối ưu tốc độ cho website

2. Cú pháp của Javascript

2.1. Nhúng trực tiếp code Javascript vào HTML

<SCRIPT LANGUAGE="Javascript">
// code javascript sẽ đặt ở đây
</SCRIPT>

Với cách nhúng trực tiếp thì Bot của Google sẽ đọc code dài hơn nên không có lợi trong SEO, ngược lại website sẽ load nhanh hơn so với nhúng link. Tuy nhiên nhúng link thì web sẽ tải chậm hơn do lần đầu phải tải file .js về

2.2. Sử dụng link ngoài chứ code Javascript

<script language="Javascript" src="/url.js">

Lúc này url.js sẽ không chứa cặp thẻ <SCRIPT> và <\SCRIPT>

Để tìm hiểu thêm về Javascript mình có nhúng một tài liệu từ bên ngoài để bạn tham khảo thêm



Chúc các bạn thành công!

Nhận xét