Wie verwendet man semantische UI CDN?

Wie kann die semantische Benutzeroberfläche mit CDN in die HTML-Seite eingebunden werden? Der CDN-Link ist https://cdnjs.com/libraries/semantic-ui, aber wie benutzt man es?Wie verwendet man semantische UI CDN?

Quelle

2015-05-16 Adi

Sie müssen nur die URL der Dateien kopieren, die Sie für Semantic UI verwenden möchten, und sie in die Kopfzeile unter einem Skript oder Link-Tag als "src" oder "href" -Wert einfügen.

Für Semantic UI, müssen Sie drei Dateien für den allgemeinen Gebrauch:

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

Zum Beispiel:

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

Quelle

2015-05-17 05:07:09 Oniisaki

Hinweis: Sie müssen nicht unbedingt ** brauche ** diese 3 Dateien für alles. Zum Beispiel funktioniert table.min.css alleine, wenn Sie nur einfache Tabellen erstellen. –

@ChristopherMarkieta Nur um klarzustellen, schließen die "semantic.min.js" und "semantic.min.css" zusammen * alles * ein, oder muss ich für jede Komponente, die ich verwenden möchte, eine entsprechende Datei hinzufügen? – dtgq

@DavidTan Gute Frage. Anscheinend enthalten 'semantic.min.js' und' semantic.min.css' alles. Wenn Sie die Quelle ihrer [Table API] (http://semantic-ui.com/collections/table.html) sehen, werden Sie feststellen, dass sie nur semantic.min.js und semantic.min enthält .css' und nicht 'table.min.css', in der Sie den Inhalt der' semantic.min.css' Datei finden können. –

Wie verwendet man semantische UI CDN?

Antwort

Verwandte Themen