HTMLフロートとは何ですか？

ページのレイアウトを制御するための最も一般的に使用されるハイパーテキストマークアップ言語（HTML）およびカスケードスタイルシート（CSS）タグの1つは、フロートタグです。 CSSおよびHTMLフロートタグが要素に適用されると、ページのその一部が左または右にフロートします。また、テキストなどの他の要素がその周りに流れます。

実際には、HTML要素に適用されるCSSタグであるHTMLフロートは、さまざまな異なるページレイアウトを達成するためにWebデザイナーがよく使用するプロパティです。 HTMLフロートプロパティが、サイト構造の画像や一部などのページ上の要素に適用されると、要素はページの通常の「フロー」から削除され、左または右のいずれかに浮かびます。これにより、Webデザイナーは、Pageの要素がどこに表示されるかをより強く制御できます。

CSSおよびHTMLフロートタグの最も一般的な用途の1つは、画像をページの左または右に移動することです。たとえば、画像が右に浮かんでいる場合、含有要素の右側。ページ上のテキストは、浮かぶ画像の周りにも包まれています。

HTML要素に対する効果を変更するHTMLフロートタグのプロパティがいくつかあります。たとえば、フローティングと左または右側に別として、WebデザイナーはHTMLフロートタグを「継承」として指定できます。これは、タグがその含有要素のフロートプロパティを継承することを意味します。たとえば、画像がページの左側に浮かんでいるボックス内に配置されている場合、継承タグは画像を左に浮かびます。

フロートタグと組み合わせてよく使用される有用なプロパティは、クリアタグです。これは、フロートタグが表示された後の要素を制御します。たとえば、画像が左に浮かんでいるが、その下のテキストにはクリアタグが付いている場合、テキストは常に画像の下ではなく画像の下に表示されます。

CSSとHTML FLOの場合TAGが最初に導入されたため、すべてのブラウザによってサポートされていませんでした。ただし、2011年現在、すべての主要なブラウザはフロートタグをサポートしています。これは、Webデザイナーが、ユーザーがWebサイトを表示しているブラウザに応じて異なる外観を引き起こすかどうかを心配することなく、理論的にタグを使用できることを意味します。