HTML で必ず書くものを教えて

/ HTML / By
ショコラ
ショコラ

HTML で必ず書くものを教えて

jQueryも入れて。サンプルを用意しました。

もっさん先輩
もっさん先輩

例

jQuery、Formatic-ui 使用を想定

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title></title>
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.1/dist/jquery.min.js"></script>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.9.0/dist/semantic.min.css">
  <script src="https://cdn.jsdelivr.net/npm/fomantic-ui@2.9.0/dist/semantic.min.js"></script>
</head>
<body>
  <div class="ui container">
  </div>

<script>
$(() => {
})
</script>

</body>
</html>

jQuery、Formatic-ui、Laravel、Livewire 使用を想定

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>@yield('title')</title>
  @isset ($canonical) <link rel="canonical" href="{{ $canonical }}"> @endif
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.1/dist/jquery.min.js"></script>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.9.0/dist/semantic.min.css">
  <script src="https://cdn.jsdelivr.net/npm/fomantic-ui@2.9.0/dist/semantic.min.js"></script>
  <livewire:styles />
</head>
<body>
  <form action="{{ \Route::currentRouteName() }}" method="post">
    @csrf
    <div class="ui container">
      @yield('content')
    </div>
  </form>
  <livewire:scripts />
@stack('scripts')
@stack('css')
@stack('dialogs')
</body>
</html>

呼び出し元のテンプレート

@extends ('frame')
@section ('title') @endsection
@section ('content')
@endsection
Scroll to Top