HTML5 | 閉じられていないタグチェッカーツール

注: 一部のタグが適切に閉じられていない場合、多くのタグが閉じられていないという雪だるま式現象が発生する可能性があります。ほとんどの場合、原因はエラー リストの下半分、中央、またはエラー リストの後にあります。エラー リストの最後の要素を修正し、閉じられていないタグを修正すると、ドキュメント全体がチェックに合格します (提供された入力が有効な HTML5 コードであると仮定します)。 コードが長い場合は、コードを小さなチャンクに分割して、閉じられていないタグを絞り込むと役立つ場合があります。

閉じられていないタグを簡単に検出する最先端のツールを使用して HTML コーディングを合理化し、コードにエラーがなく、Web ページが完璧に表示されるようにします。上の領域にコードを貼り付けて、閉じられていない HTML5 タグがあるかどうかを確認します。

HTML5 はハイパーテキスト マークアップ言語の最新標準であり、最新の Web コンテンツを構築するための高度な機能を提供します。

適切に閉じられたタグを備えたエラーのない HTML コードを維持することは、堅牢な SEO パフォーマンス、Web サイトのアクセシビリティの向上、シームレスなユーザー エクスペリエンスの確保にとって非常に重要です。

HTMLタグ

HTML には、画像などの簡潔な要素用の自己終了タグ ('<img>') と、段落などのコンテンツを囲む通常のタグ ('<p>') の両方があり、多用途な構造化方法を提供します。 Webコンテンツ。

自己終了タグ

• '<area />': イメージ マップ内のクリック可能な領域を定義します。
• '<base />': ドキュメント内の相対 URL のベース URL を指定します。
• '<br />': テキストまたはコンテンツ内に改行を挿入します。
• '<circle />': SVG (Scalable Vector Graphics) 内で円のパスを定義します。
• '<col />': HTML テーブルの列プロパティを指定します。
• '<embed />': マルチメディアやプラグインなどの外部コンテンツを埋め込みます。
• '<hr />': 主題の区切りまたは水平線を作成します。
• '<img />'：文書に画像を埋め込みます。
• '<input />': ユーザー入力要素を定義します。
• '<link />': スタイルシートやアイコンなどの外部リソースをリンクします。
• '<meta />': ドキュメントに関するメタデータを提供します。
• '<param />': オブジェクト要素内のプラグインのパラメータを指定します。
• '<path />': SVG (Scalable Vector Graphics) 内のベクター パスを定義します。
• '<source />': マルチメディア要素に複数のメディア リソースを指定します。
• '<track />': '<video>' や '<audio>' などのメディア要素にテキスト トラックを提供します。
• '<wbr />': テキスト内の単語区切りの機会を定義します。
• '<command />': menu 内にコマンド ボタンを定義します。
• '<keygen />': 暗号化で使用されるフォームのキーペアを生成します。
• '<menuitem />': '<menu>' 内の項目を定義します。
• '<frame />': サブウィンドウを定義します (HTML5 では非推奨)。

通常のタグ

• '<p>': 段落を定義します。
• '<h1> to <h6>': さまざまなレベルの見出し。
• '<strong>'：重要性が強いことを表します。
• '<em>'：強調された文字を表します。
• '<mark>': 参照用にテキストを強調表示します。
• '<abbr>': 略語を定義します。
• '<blockquote>'：ブロック引用を表します。
• '<ul>': 順序なしリストを定義します。
• '<ol>': 順序付きリストを定義します。
• '<li>': リスト項目を表します。
• '<dl>': 説明リストを定義します。
• '<dt>': 説明リスト内の用語を表します。
• '<dd>': 説明リスト内の説明を表します。
• '<a>': ハイパーリンクを定義します。
• '<nav>': ナビゲーション リンクを表します。
• '<audio>': 音声コンテンツを埋め込みます。
• '<video>'：ビデオコンテンツを埋め込みます。
• '<form>': HTML フォームを定義します。
• '<textarea>': 複数行のテキスト入力を作成します。
• '<select>'：ドロップダウンリストを作成します。
• '<button>': クリック可能なボタンを定義します。
• '<table>': HTML テーブルを定義します。
• '<thead>': テーブルのヘッダーを定義します。
• '<tbody>': テーブルの本文の内容を定義します。
• '<tr>': テーブルの行を定義します。
• '<th>': テーブルのヘッダー セルを定義します。
• '<td>': テーブル データ セルを定義します。
• '<caption>': 表にキャプションを提供します。
• '<div>': 汎用コンテナを定義します。
• '<span>': インラインスタイルのテキストを定義します。
• '<header>': ドキュメントまたはセクションのヘッダーを表します。
• '<footer>': ドキュメントまたはセクションのフッターを表します。
• '<section>': コンテンツのテーマ別グループを表します。
• '<article>': スタンドアロンのコンテンツを表します。
• '<aside>': 周囲のコンテンツと接した関係にあるコンテンツを表します。
• '<button>': クリック可能なボタンを定義します。
• '<details>': 開示ウィジェットを表します。
• '<summary>': '<details>' 要素の概要を提供します。
• '<object>': 外部コンテンツまたはリソースを埋め込みます。
• '<iframe>': ネストされた閲覧コンテキストを埋め込みます。
• '<canvas>': スクリプトを使用してグラフィックを埋め込みます。
• '<svg>': スケーラブルなベクター グラフィックスを埋め込みます。
• '<math>': 数式を埋め込みます。
• '<time>': 特定の時間または範囲を表します。
• '<address>'：連絡先情報を表します。
• '<code>': コンピュータコードのテキストを表します。
• '<pre>': フォーマット済みのテキストを表します。
• '<fieldset>': 関連するフォーム要素をグループ化します。
• '<legend>': '<fieldset>' のキャプションを提供します。
• '<ruby>': 東アジアのタイポグラフィの注釈を表します。
• '<rt>': '<ruby>' 要素内の文字の発音を表します。

上記のリストには、一般的な自己終了および非自己終了 (通常の) HTML タグの一部のみが含まれていますが、HTML5 ではさまざまな目的に使用できるタグがさらに多くあることに注意してください。

用語集

• 閉じられていないタグの HTML コードを検証: チェック プロセスを実行するボタン。
• Line: 行番号の前にあるテキスト。終了タグを持たないタグが検出されました。
• 閉じられていないタグは検出されませんでした。: すべての HTML タグが正しく閉じられている場合のメッセージ。
• ここに HTML コードを貼り付けます...: 閉じられていないタグや欠落しているタグをチェックするための HTML コードが配置される領域。
• 次のタグは閉じられていないようです: コード内に閉じられていないタグが 1 つある場合。
• 次のタグは閉じられていないようです: コード内に閉じられていないタグが 2 つ以上ある場合。

結論

HTML タグを適切に閉じることは、Web 開発において最も重要です。 各タグは、ブラウザがコンテンツを正確に解釈してレンダリングするための重要な指示として機能します。 タグを閉じることを怠ると、意図しないレイアウトの問題、コンテンツの誤解、さまざまなデバイスやブラウザ間での一貫性のないユーザー エクスペリエンスが発生する可能性があります。 この細部への細心の注意は、シームレスで視覚的に心地よいユーザー インターフェイスを保証するだけでなく、アクセシビリティと 検索エンジン最適化 もサポートします。 HTML タグを閉じるベスト プラクティスに従うことで、開発者はコードの整合性を保護し、一貫した視覚的なプレゼンテーションを維持しながら情報を効果的に伝える、信頼性が高く、アクセスしやすく、ユーザー フレンドリーな Web サイトを育成します。