HTML 그래픽이란 무엇입니까?

HTML (HyperText Markup Language)에는 HTML 문서에서 그래픽을 표시하고 만드는 여러 가지 방법이 있습니다. 가장 널리 사용되는 HTML 그래픽 유형은 동일한 결과를 얻는 데 사용할 수있는 스크립팅 언어 또는 컴파일 된 웹 응용 프로그램과 같은 다른 방법이 있지만 인라인 이미지라고하는 HTML 페이지에 직접 배치 된 이미지입니다. 차트 또는 그래프에 대해 동적으로 생성 된 그래픽의 경우 SVG (Scalable Vector Graphics)를 사용할 수 있습니다. 언어 사양에서 지원되는 기본 HTML 그래픽도 있으며 목록에 가로줄 및 글 머리표와 같은 외부 파일이 필요하지 않습니다. 스크립팅 언어, CSS (Cascading Style Sheet) 및 HTML 캔버스 요소를 사용하면보다 복잡한 HTML 그래픽을 얻을 수 있으며 이전에는 외부 객체와 플러그인을 통해서만 가능했던 일부 효과에 대한 기본 옵션을 제공합니다.

지금까지 인라인 HTML 그래픽이 가장 많이 사용되며 HTML 문서에 이미지를 배치하는 가장 간단한 방법입니다. 기본적으로 이미지 편집기에서 이미지를 작성하고 일반적으로 사용되는 파일 형식으로 저장 한 다음 IMG 태그를 사용하여 HTML 문서에서 이미지 파일의 이름과 위치를 지정합니다. 인라인 그래픽을 문서에 통합하는 것 외에도 대부분의 웹 브라우저의 렌더링 엔진은 서식을 지정하지 않고도보다 복잡한 페이지 레이아웃에 그래픽을 쉽게 배치 할 수 있습니다. 인라인 이미지에서 발생할 수있는 문제 중 하나는 이미지 크기를 볼 때 매우 크거나 작은 디스플레이에 맞게 조정해야 이미지의 품질이 저하 될 수 있다는 것입니다.

확장 가능한 벡터 그래픽은보다 복잡한 HTML 그래픽 스타일입니다. SVG 이미지는 모양, 경로 및 선 두께를 정의하여 그려지며 사용자가 문서를 볼 때 즉시 그려집니다. 따라서 차트 나 그래프와 같은 동적 데이터를 표시하는 데 SVG를 선택하는 것이 좋지만 사실적인 이미지 구성과 같은 다른 유형의 그래픽에는 사용하기가 매우 비현실적입니다. 간단한 HTML 그래픽 및 외부 이미지 파일을로드 할 수없는 상황에서 SVG는 실행 가능한 옵션 일 수 있습니다.

HTML 버전 5 언어 표준 (HTML5)이 개발됨에 따라 기본 HTML 언어 내에서 동적 HTML 그래픽을 만들 수 있습니다. 이것은 HTML 문서에서 캔버스라고하는 특수한 표면에 직접 그려서 수행됩니다. JavaScript® 및 CSS를 사용하여이 방법은 웹 브라우저 또는 기타 데이터의 설정에 따라 사용자 입력에 응답하거나 그래픽을 조정할 수있는 애니메이션 또는 게임을 만들 수 있습니다. 그러나 HTML5 그래픽을 만드는 것은 복잡한 절차로 일부 컴퓨터 나 장치에서 매우 느리게 실행되는 스크립팅 코드 블록이 길어질 수 있습니다.