web-dev-qa-db-fra.com

Comment utiliser CDN UI Sémantique?

Comment inclure une interface sémantique vers une page HTML à l'aide d'un CDN? Le lien CDN est https://cdnjs.com/libraries/semantic-ui , mais comment l'utiliser?

cdnsemantic-ui
36
Adi

Mise à jour pour la version actuelle 2.4.2 

<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>

Pour vérifier la version mise à jour, voir page JSDeliver CDN .

7
Nitin Jadhav

Il vous suffit de copier l'URL des fichiers que vous souhaitez utiliser pour l'interface utilisateur sémantique et de la placer dans votre en-tête sous un script ou une balise de lien sous la forme "src" ou "href".

Pour l'interface utilisateur sémantique, vous avez besoin de trois fichiers pour une utilisation générale:

  • semantic.min.css
  • jquery.min.js (à partir de JQuery CDN)
  • semantic.min.js

Par exemple:

<!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

Vous pouvez le trouver sur JSDeliver sous le dossier dist.

0
Nemus