HTML 플로트 란 무엇입니까?

페이지 레이아웃을 제어하기 위해 가장 일반적으로 사용되는 HTML (HyperText Markup Language) 및 CSS (Cascading Style Sheet) 태그 중 하나가 float 태그입니다. CSS 및 HTML float 태그가 요소에 적용되면 페이지의 해당 부분이 왼쪽이나 오른쪽으로 뜹니다. 또한 텍스트와 같은 다른 요소가 그 주위를 흐르게합니다.

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

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

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

float 태그와 함께 자주 사용되는 유용한 속성은 clear 태그입니다. 부동 태그 뒤의 요소가 표시되는 방법을 제어합니다. 예를 들어 이미지가 왼쪽에 떠 있지만 그 아래의 텍스트에 명확한 태그가 적용된 경우 텍스트는 항상 이미지 옆에있는 것이 아니라 이미지 아래에 나타납니다.

CSS 및 HTML float 태그가 처음 도입되었을 때 모든 브라우저에서 지원되는 것은 아닙니다. 그러나 2011 년 현재 모든 주요 브라우저는 부동 태그를 지원합니다. 이는 웹 디자이너가 이론적으로 사용자가 웹 사이트를보고있는 브라우저에 따라 다른 모양을 일으킬 지 걱정하지 않고 태그를 사용할 수 있음을 의미합니다.

다른 언어

이 문서가 도움이 되었나요? 피드백 감사드립니다 피드백 감사드립니다

어떻게 도와 드릴까요? 어떻게 도와 드릴까요?