web-dev-qa-db-ja.com

Semantic UI CDNの使用方法は?

CDNを使用してセマンティックUIをHTMLページに含める方法CDNリンクは https://cdnjs.com/libraries/semantic-ui ですが、使用方法は?

36
Adi

現在のバージョン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>

更新されたバージョンの確認については、 JSDeliver CDN page を参照してください。

7
Nitin Jadhav

セマンティックUIに使用するファイルのURLをコピーし、「src」または「href」値としてスクリプトまたはリンクタグの下のヘッダーに配置するだけです。

セマンティックUIの場合、一般的な使用には3つのファイルが必要です。

  • semantic.min.css
  • jquery.min.js(JQuery CDNから)
  • semantic.min.js

例えば:

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

Distフォルダーの下の JSDeliver にあります。

0
Nemus