HTML 要素の属性テストの概要 (続き)
code 要素の意味 (セマンティクス) は、「コードの内容」です。FireFox がこの要素をレンダリングすると、コード タグの内容が「等幅フォント」として表示されます。 " (各文字の幅は同じです)、これにより要素のセマンティクスとプレゼンテーションが混合されます。正しいアプローチは次のとおりです。歴史的な理由により、ブラウザーはコード要素によって残されたデフォルトのレンダリング効果 (等幅フォント) を無視する必要があります。 。
セマンティック要素はドキュメントのコンテンツの構造と意味を記述するだけです。たとえば、コードはドキュメント内のコードを表し、CSS を使用してこれらの要素がユーザーに表示される形式を制御します。コード要素のコンテンツを固定幅フォントでユーザーに表示します)。これにより、コンテンツとプレゼンテーションが分離されます。たとえば、次のドキュメントの場合、Chrome は FireFox よりもわずかに優れています。
すごい 2 つのレンダリング効果は次のとおりです: