「html:5」と「!」の違い
HTMLを書き始めたばかりの方が、VS Codeなどでコード補完を使う際によく疑問に思うのが、「html:5」と「!」って何が違うの？という点です。どちらもHTMLのひな形を素早く生成できますが、使い方や現在の主流には違いがあります。今回は、その違いをわかりやすく解説します。html:5とは？html:5 は、Emmet（エメット）という入力補助機能で使える省略記法の一つです。入力してTabキーを押すことで、HTML5の基本構造を自動生成できます。生成される内容例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body></body></html>!とは？! も同じくEmmet記法で、現在はこちらの方がより簡単で主流です。! を入力してTabキーを押すだけで、ほぼ同じHTMLテンプレートを生成できます。html:5と!の違い共通点どちらもHTML5の基本テンプレートを生成Tabキーで展開VS Codeで利用可能違いhtml:5 → 少し古めの書き方! → より短く、現在主流! の方が入力が早いどちらを使うべき？結論として、基本的には「!」がおすすめです。理由：入力が最短
0
