常用标签介绍

在 HTML 中，可以通过一些特定的标签将 CSS 和 JavaScript 文件与网页进行关联，实现页面的样式设计和功能增强。以下是最常用的标签及其用途。

1. <link>：引入外部 CSS

<link> 标签用于在 HTML 中加载外部样式表，通常放置在 <head> 区域中。

<link rel="stylesheet" href="styles.css" />

属性说明：

• rel="stylesheet"：表示关系是样式表
• href：外部 CSS 文件路径

2. <style>：内部 CSS

<style> 标签用于在 HTML 页面内部定义样式，适用于页面较小或临时样式。

<style>
  body {
    background-color: #f0f0f0;
  }
</style>

3. <script>：引入 JavaScript

<script> 标签用于定义或加载 JavaScript 脚本。可以写在页面底部或通过 src 属性加载外部文件。

内部脚本示例：

<script>
  console.log("Hello World!");
</script>

外部脚本示例：

<script src="main.js"></script>

常用属性：

• src：外部脚本路径
• defer：延迟执行直到文档解析完毕
• async：异步加载脚本，适合独立脚本文件

小结

合理地使用这些标签，是实现网页样式与行为分离、提升开发效率的关键。