HTMLソースのひな型を見直してみた

🟦はじめに

1月のある土曜日の夕方、HTMLソースのひな型(テンプレート)の見直しを急に思い立ち始めてしまいました。VSCode を使用されている人にはおなじみの Emmet の「!」で得られるソースのことです。今までは lang を ja に変更し、viewport 程度は挿入済みにしていたのですが、X-UA-Compatible が残っていたり、OGP や schema.org などはなく、あとから挿入していた共通のタグが多数の作業状態でしたので、効率化を求めようと始めたしだいです。

🟦結果

IE の関連タグは外し、viewport を修正、OGP と schema.org を追記。
website と article 部分は、両方出力させてページ毎で片方を残す(消す)考えで。もろもろの詳細な途中経過は割愛し結果であるそのひな形を以下に。
HTMLの勉強をはじめた人の参考になれば幸いです。