Тег <script>
Опис
Тег <script> призначений для вставлення скриптів у документ HTML. Він дозволяє вбудовувати або посилатися на зовнішні скрипти, які виконуються на сторінці.
Важливо розміщувати тег <script> в правильних місцях документа, щоб уникнути блокування відображення сторінки.
Приклад
<script>console.log('Hello, World!');</script><table><tr><th>Browser</th><th>Support</th></tr><tr><td>Chrome</td><td>Supported</td></tr><tr><td>Firefox</td><td>Supported</td></tr></table>
Інші теги для вставлення скриптів: <noscript>, <template>.
<script src='path/to/script.js' type='text/javascript' async></script>Атрибути
| src | Вказує шлях до зовнішнього файлу скрипта. |
| type | Вказує тип мови скрипта, наприклад 'text/javascript'. |
| async | Вказує, чи має виконуватися скрипт асинхронно. |
| defer | Вказує, що скрипт має виконуватися після завантаження документа. |
Часті запитання
-
Q: Для чого використовується тег <script> в HTML?
A: Тег <script> використовується для вставки скриптів або програмного коду на сторінку HTML.
-
Q: Як вставити зовнішній скрипт за допомогою тегу <script>?
A: Для вставки зовнішнього скрипту використовується атрибут src, який вказує на шлях до файлу з кодом.
-
Q: Як вставити вбудований скрипт за допомогою тегу <script>?
A: Вбудований скрипт можна вставити прямо в тілі тегу <script> без використання атрибуту src.
-
Q: Де краще розміщувати тег <script> у HTML документі?
A: Зазвичай тег <script> розміщують у кінці тіла документу перед закриваючим тегом </body> для оптимальної швидкодії завантаження сторінки.
-
Q: Чому рекомендується використовувати defer або async атрибути у тезі <script>?
A: Атрибути defer та async допомагають управляти порядком виконання скриптів та покращують продуктивність завантаження сторінки.