Skip to main content

Đồ họa HTML là gì?

Trong ngôn ngữ đánh dấu siêu văn bản (HTML), có một số cách để hiển thị và tạo đồ họa trong tài liệu HTML.Loại đồ họa HTML được sử dụng rộng rãi nhất là hình ảnh được đặt trực tiếp trong trang HTML, được gọi là hình ảnh nội tuyến, mặc dù có các phương thức khác mdash;chẳng hạn như sử dụng ngôn ngữ kịch bản hoặc ứng dụng web được biên dịch mdash;có thể được sử dụng để đạt được kết quả tương tự.Đối với đồ họa được tạo động cho biểu đồ hoặc đồ thị, có thể sử dụng đồ họa vector có thể mở rộng (SVG).Ngoài ra còn có một số đồ họa HTML cơ bản được hỗ trợ bởi đặc tả ngôn ngữ và không yêu cầu các tệp bên ngoài như các đường ngang và đạn trong danh sách.Đồ họa HTML phức tạp có thể đạt được thông qua việc sử dụng ngôn ngữ kịch bản, các bảng kiểu xếp tầng (CSS) và phần tử Canvas HTML, đưa ra một tùy chọn gốc cho một số hiệu ứng trước đây chỉ có thể thông qua các đối tượng bên ngoài.Far, đồ họa HTML nội tuyến là cách được sử dụng nhiều nhất và đơn giản nhất để đặt một hình ảnh trong tài liệu HTML.Điều này về cơ bản liên quan đến việc tạo một hình ảnh trong trình soạn thảo hình ảnh, lưu nó vào định dạng tệp thường được sử dụng, sau đó chỉ định tên và vị trí của tệp hình ảnh trong tài liệu HTML với thẻ IMG.Bên cạnh sự đơn giản của việc kết hợp một đồ họa nội tuyến trong một tài liệu, công cụ kết xuất trong hầu hết các trình duyệt web có thể dễ dàng đặt đồ họa vào bố cục trang phức tạp hơn mà không cần bất kỳ tạo tác định dạng nào.Một biến chứng có thể xảy ra với hình ảnh nội tuyến là kích thước hình ảnh có thể cần được thu nhỏ để phù hợp với màn hình lớn hoặc nhỏ đặc biệt khi được xem, có khả năng giảm chất lượng của hình ảnh.đồ họa.Một hình ảnh SVG được vẽ bằng cách xác định các hình dạng, đường dẫn và trọng lượng đường và được vẽ khi đang bay khi người dùng đang xem tài liệu.Điều này làm cho SVG trở thành một lựa chọn tốt để hiển thị dữ liệu động như biểu đồ hoặc đồ thị, nhưng nó làm cho chúng rất không thực tế khi sử dụng cho các loại đồ họa khác, chẳng hạn như xây dựng hình ảnh quang học.Đối với đồ họa HTML đơn giản và trong các tình huống trong đó tệp hình ảnh bên ngoài không thể được tải, SVG có thể là một tùy chọn khả thi. Với sự phát triển của tiêu chuẩn ngôn ngữ HTML phiên bản 5 (HTML5), đồ họa HTML động có thể tạo ra trongNgôn ngữ HTML cơ bản.Điều này được thực hiện bằng cách vẽ trực tiếp lên một bề mặt đặc biệt được gọi là vải trong tài liệu HTML.Bằng cách sử dụng JavaScript Và CSS, phương pháp này có thể tạo hình ảnh động hoặc trò chơi có thể phản hồi với đầu vào của người dùng hoặc điều chỉnh đồ họa tùy thuộc vào cài đặt của trình duyệt web hoặc dữ liệu khác.Tuy nhiên, việc tạo một đồ họa HTML5 có thể là một quy trình phức tạp có thể dẫn đến các khối dài của mã kịch bản có thể thực thi rất chậm trên một số máy tính hoặc thiết bị.