HTML Generator

Webページを作成するために必要となるメタタグなどのHTMLを簡単に生成できるWebツールです。
メタタグとして設定したい title や description、OGP画像の画像パスなどを設定することで、自動的に必要なメタタグが生成されます。また、使用するCSSフレームワークを選択することで、利用する上で必要なタグが挿入された状態のHTMLを生成することが可能です。

生成されたHTMLをクリックすることでクリップボードにコピーできます。

<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="title" content="">
    <meta name="description" content="">
    <meta name="keywords" content="">

    <!-- Open Graph Meta Tags -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="">
    <meta property="og:title" content="">
    <meta property="og:description" content="">
    <meta property="og:image" content="">

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:url" content="">
    <meta property="twitter:title" content="">
    <meta property="twitter:description" content="">
    <meta property="twitter:image" content="">
  </head>
<body>
</body>
</html>
;