みなさんは、HTMLを書き始める時は、一から<!DOCKTYPE html>などと書いていますか？
もし書いていたら、今回の記事に書かれている内容をコピペするだけで、超時短に！
そんな便利な、HTMLファイルのひな形について紹介していきます！
HTMLファイルに書く内容
下記のものをHTMLファイルにコピペして使用してみてください！
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
<title>サイト名</title>
<meta name="description" content=""/>
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="css/reset.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<script src="js/script.js"></script>
</body>
</html>これをコピペするだけで、HTMLの書き出しがめっちゃ時短になります！
この中には、cssやjsの読み込みや、jQueryのCDNまで入っているので、すぐにjQueryを使用できます！
ぜひ使ってみてください！
VScodeを使っている場合
VScodeを使っている場合は、HTMLファイルに「!」びっくりマークを書いて、エンターを押すと自動でHTMLのひな形を作成してくれる機能があります！
必要最低限の内容しかないので、ぜひぜひ、上記のひな形を使用してみてください！
それでは、良いコーディングライフを！
コメントを残す