HTML Template Generator

使い方

1. ページタイトルを入力し、lang 属性を選びます。
2. 必要なセクションにチェック：header、nav、main、footer、必要なら table か form。
3. 手頃なリセット付きのデフォルトスタイルを含めるかどうかを選びます。
4. 生成された HTML をコピーするか、index.html としてダウンロードします。

よくある用途

• 静的ページの開始 — meta charset と viewport を含む有効なドキュメントをワンクリックで取得。
• 高速プロトタイピング — テーブルやフォームの骨格を手打ちせずテストページへ投入。
• セマンティックマークアップの教材 — header・nav・main・footer の入れ子構造を説明。
• 軽量シーン — フレームワークを導入するまでもないシンプルなページに。

よくある質問

Q: 出力はデフォルトでアクセシブルですか？ A: セマンティック要素（header・nav・main・footer）を使用し、フォーム入力は label で包むため、支援技術は合理的な構造を得られます。実際のアクセシビリティは中身次第です。

Q: main だけ選ぶとプレースホルダーが出るのは？ A: 空 main は良い出発点ではないため段落を表示しています。table か form を追加すると消えます。

Q: コピー後に設定を変えて再生成できますか？ A: はい。出力はリアルタイム更新なので、チェックやオプションを変えて再度コピーするだけです。