📌  相关文章
📜  html cdnjs 中的代码块 (1)

📅  最后修改于: 2023-12-03 15:15:33.293000             🧑  作者: Mango

HTML CDNJS代码块

CDN全称为Content Delivery Network，即内容分发网络，是互联网技术的重要组成部分。CDN不仅可以加速网站访问，还可以有效地减轻服务器的负载。而CDNJS则是提供免费开源库的CDN服务。通过使用CDNJS，程序员可以在网站上方便的引入许多JS，CSS等库文件，而不需要把这些文件下载到本地项目中。

下面是典型的使用CDNJS的HTML代码块：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>My Webpage</title>
    <!--引入jQuery库文件-->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <!--引入Bootstrap库文件-->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.min.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/js/bootstrap.min.js"></script>
  </head>
  <body>
    <h1>Hello CDNJS!</h1>
    <button class="btn btn-primary">Click Me!</button>
  </body>
</html>

上面的代码中通过CDNJS引入了两个库文件jQuery和Bootstrap，同时在页面中添加了一个标题和一个按钮。程序员只需要在head标签内添加引用即可使用CDNJS提供的免费服务，节省大量时间和存储空间。

Markdown代码片段
# **HTML CDNJS代码块**

CDN全称为Content Delivery Network，即内容分发网络，是互联网技术的重要组成部分。CDN不仅可以加速网站访问，还可以有效地减轻服务器的负载。而CDNJS则是提供免费开源库的CDN服务。通过使用CDNJS，程序员可以在网站上方便的引入许多JS，CSS等库文件，而不需要把这些文件下载到本地项目中。

下面是典型的使用CDNJS的HTML代码块：

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>My Webpage</title>
    <!--引入jQuery库文件-->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <!--引入Bootstrap库文件-->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.min.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/js/bootstrap.min.js"></script>
  </head>
  <body>
    <h1>Hello CDNJS!</h1>
    <button class="btn btn-primary">Click Me!</button>
  </body>
</html>

上面的代码中通过CDNJS引入了两个库文件jQuery和Bootstrap，同时在页面中添加了一个标题和一个按钮。程序员只需要在head标签内添加引用即可使用CDNJS提供的免费服务，节省大量时间和存储空间。