webentwicklung-frage-antwort-db.com.de

Wie benutze ich Semantic UI CDN?

Wie binde ich eine semantische Benutzeroberfläche in eine HTML-Seite mit CDN ein? Der CDN-Link lautet https://cdnjs.com/libraries/semantic-ui , aber wie wird er verwendet?

36
Adi

Auf die aktuelle Version 2.4.2 aktualisiert

<head>
<script src="https://code.jquery.com/jquery-3.1.1.min.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/semantic.min.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/semantic.min.js"></script>
</head>

Informationen zum Überprüfen der aktualisierten Version finden Sie unter JSDeliver CDN-Seite .

7
Nitin Jadhav

Sie müssen nur die URL der Dateien kopieren, die Sie für die semantische Benutzeroberfläche verwenden möchten, und sie in Ihrem Header unter einem Skript- oder Link-Tag als "src" - oder "href" -Wert ablegen.

Für die semantische Benutzeroberfläche benötigen Sie drei Dateien für die allgemeine Verwendung:

  • semantic.min.css
  • jquery.min.js (von JQuery CDN)
  • semantic.min.js

Beispielsweise:

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8" />
    <title>Semantic UI CDN</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.11.8/semantic.min.css"/>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.11.8/semantic.min.js"></script>
</head>
<body>
      <!-- Your Semantic UI Code -->
</body>
</html>
66
MTran

Sie finden es unter JSDeliver im Ordner dist.

0
Nemus