フォーム要素の見た目が異なるのは置換要素だから? HTMLコーダーでも意外と誤解しがちな置換要素の定義を深堀してみました。 HTML要素の中には、iframes、アプレット、埋め込みオブジェクト、フォームといった、フロントエンド開発者を悩ませる要素があります。ブラウザーやOSによって表示結果が異なるので、完全な調整が難しいのです。 jQureryUIからBootstrapまで、さまざまなライブラリーやフレームワークを使えば、要素を置き換えることができます。 ところで、開発者を悩ませるこれらのHTML要素は、なぜブラウザーやOSによって表示が異なるのでしょうか? W3Cのあいまいな定義が原因との指摘もありますが、正しいのでしょうか? 今回の記事で探索するテーマが「置換要素」です。 置換要素とはなにか? 探検には、調査が重要です。まずは、仕様書で置換要素の定義を調べます。 置換要素は、イメージ
![意外と知らない? HTML置換要素をめぐる勘違いを深堀りしてみた](https://cdn-ak-scissors.b.st-hatena.com/image/square/43ddc751cc1fc9e6f1d8a98749de816727b288b2/height=288;version=1;width=512/https%3A%2F%2Fascii.jp%2Fimg%2F2022%2F07%2F27%2F2443840%2Fl%2F2c5f5eddc5dc62e4.jpg)