一部のHTMLは「オプション」です

HTMLは驚くべき柔軟性を提供します。特定の要素と属性は、技術的にはオプションですが、ブラウザによって自動的に処理されるため、有効なマークアップが得られます。これにより、まだ正しくレンダリングされるコードが不完全に見えます。

この例を考えてみましょう。

<p>パラグラフ1。
</p><p>パラグラフ2。
</p><p>パラグラフ3。</p>

珍しいことですが、欠落している閉鎖

タグは受け入れられます。ブラウザは、DOMの建設中にそれらを暗黙的に追加します。これは多くの場合、開発者の知識なしに発生します。別の例：

これは完全に見えますが、ブラウザはaを挿入します<tbody>周りの要素<code><tr>。同様に、<code><tbody>多くの場合、それ自体はオプションです。平<code><link>Jens Oliver Meiertが示すように、タグはクロージングタグを省略できます。

<link href="default.css" rel="stylesheet">

一部の属性にはデフォルト値もあり、オプションで除外可能になります。たとえば、a<button></button>要素は自動的にaです<button type="submit"></button>。

これらの省略は最適化（ファイルサイズの削減と負荷時間の改善）と見なされる可能性がありますが、より明示的なHTMLを好みます。複雑なシナリオのエラーの可能性は、マイナーなパフォーマンスの向上を上回ります。たとえば、引用されていないファイル名は問題を引き起こす可能性があります。閉鎖タグを省略すると、兄弟の要素に予想外に影響する可能性があります。コードの明確さと保守性を優先します。パフォーマンスの違いは、通常、CSSセレクターの最適化に関する議論と同様に、無視できます。

JSXの完全なHTMLを実施する際の厳格さは、魅力的で、コードの読みやすさを高め、Prettierなどのフォーマットツールを簡素化しています。ただし、htmlminifierなどの自動化されたツールはこれに対処でき、ソース内のコードの明確さを犠牲にすることなくコンパイルされた出力を最適化します。

以上が一部のHTMLは「オプション」ですの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。