19
Jak dołączyć semantyczny interfejs użytkownika do strony HTML za pomocą CDN? Łącze CDN to https://cdnjs.com/libraries/semantic-ui, ale jak z niego korzystać?Jak korzystać z Semantic UI CDN?
A
Odpowiedz
45
Wystarczy skopiować adres URL plików, które mają być używane w semantycznym interfejsie użytkownika, i umieścić go w nagłówku pod skryptem lub znacznikiem linku jako wartość "src" lub "href".
semantycznej UI, potrzebne są trzy pliki do ogólnego użytku:
- semantic.min.css
- jquery.min.js (z JQuery CDN)
- semantic.min.js
Na przykład:
<!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>
Uwaga: nie koniecznie ** potrzebujesz ** tych 3 plików na wszystko. Na przykład table.min.css działa samodzielnie, jeśli tworzysz proste tabele. –
@ ChristopherMarkieta Aby wyjaśnić, czy 'semantic.min.js' i' semantic.min.css' zawierają * wszystko *, czy też muszę dołączyć odpowiedni plik dla każdego komponentu, którego chcę użyć? – dtgq
@DavidTan Dobre pytanie. Podobno 'semantic.min.js' i' semantic.min.css' zawierają wszystko. Jeśli zobaczysz źródło ich [Table API] (http://semantic-ui.com/collections/table.html), zauważysz, że zawierają one tylko 'semantic.min.js' i' semantic.min .css', a nie 'table.min.css', w którym można znaleźć zawartość pliku' semantic.min.css'. –