HTML 플로트 란 무엇입니까?

페이지 레이아웃을 제어하기위한 가장 일반적으로 사용되는 하이퍼 텍스트 마크 업 언어 (HTML) 및 계단식 스타일 시트 (CSS) 태그 중 하나는 플로트 태그입니다. CSS 및 HTML 플로트 태그가 요소에 적용되면 해당 페이지의 일부가 왼쪽이나 오른쪽으로 묶습니다. 또한 텍스트와 같은 다른 요소가 그 주위에 흐르도록합니다.

실제로 HTML Float는 실제로 HTML 요소에 적용되는 CSS 태그 인 웹 디자이너가 자주 사용하는 다양한 페이지 레이아웃을 달성하기 위해 사용하는 속성입니다. HTML Float 속성이 이미지 또는 사이트 구조의 일부와 같은 페이지의 요소에 적용되면 요소는 페이지의 일반 "흐름"에서 제거되고 왼쪽 또는 오른쪽으로 떠 있습니다. 이를 통해 웹 디자이너는 페이지에 요소가 나타나는 위치를 더 잘 제어 할 수 있습니다.

CSS 및 HTML 플로트 태그의 가장 일반적인 용도 중 하나는 이미지를 페이지의 왼쪽 또는 오른쪽으로 이동하는 것입니다. 예를 들어 이미지가 오른쪽으로 떠 오르면포함 요소의 오른쪽. 페이지의 텍스트는 또한 떠 다니는 이미지를 감싸는 것입니다.

HTML 플로트 태그에는 HTML 요소에 미치는 영향을 변경하는 여러 속성이 있습니다. 예를 들어, 웹 디자이너는 왼쪽 또는 오른쪽으로 떠 다니는 것 외에도 HTML 플로트 태그를 "상속"으로 지정할 수 있습니다. 이는 태그가 포함 요소의 플로트 속성을 상속 함을 의미합니다. 예를 들어, 이미지가 페이지의 왼쪽에 플로팅 된 상자 안에 배치되면 상속 태그로 인해 이미지가 왼쪽으로 떠 다니게됩니다.

.

플로트 태그와 함께 종종 사용되는 유용한 속성은 명확한 태그입니다. 플로트 태그 후 요소가 표시되는 방법을 제어합니다. 예를 들어, 이미지가 왼쪽에 떠 다니지 만 그 아래 텍스트에 명확한 태그가 적용되면 텍스트는 항상 이미지와 함께 이미지 아래에 나타납니다.

.

CSS와 HTML이 Flo태그가 처음 소개되었으므로 모든 브라우저에서 지원되지 않았습니다. 그러나 2011 년 현재 모든 주요 브라우저는 플로트 태그를 지원합니다. 즉, 웹 디자이너는 사용자가 웹 사이트를보고있는 브라우저에 따라 다른 외관을 유발하는지 걱정하지 않고 이론적으로 태그를 사용할 수 있습니다.

.