Hình ảnh nội tuyến là gì?

Một hình ảnh nội tuyến là một hình ảnh đồ họa được chèn vào một trang web để thêm sự hấp dẫn trực quan, cung cấp thông tin hoặc để biểu diễn một siêu liên kết.Hình ảnh nội tuyến thường ở định dạng GIF, JPEG hoặc PNG.Chúng được kết hợp vào một trang web bằng cách sử dụng sơ đồ URI dữ liệu.URI dữ liệu cho phép nhúng dữ liệu nhỏ có thể được trình duyệt truy xuất ngay lập tức.Hình ảnh nội tuyến được trình duyệt lấy cùng với HTML và được hiển thị như một phần của tài liệu web.Để trình duyệt có thể truy xuất và hiển thị hình ảnh mà không có quá nhiều thời gian và rắc rối, nên sử dụng hình ảnh nội tuyến có kích thước nhỏ.Hình ảnh lớn hơn sẽ làm chậm thời gian tải và khiến trang web mất nhiều thời gian để xuất hiện trên màn hình.Hầu hết khách truy cập web không có sự kiên nhẫn để quanh quẩn để thấy điều đó xảy ra.Điều này sẽ ảnh hưởng xấu đến lưu lượng truy cập trang web. Hình ảnh nội tuyến HTML có nguồn gốc từ máy chủ của trang web mà chúng sẽ được hiển thị hoặc bao gồm từ các máy chủ bên ngoài khác.Sử dụng hình ảnh nội tuyến từ các nguồn bên ngoài là một vấn đề tranh chấp vì điều này có thể được thực hiện mà không được phép.Thẻ IMG được sử dụng để chèn hình ảnh nội tuyến vào các đoạn văn và tiêu đề trong trang web.Thẻ IMG không thể được sử dụng ở dạng nổi tự do.Nó phải được đặt bên trong một phần tử khác.

Thuộc tính cần thiết của thẻ IMG là thuộc tính SRC.Thuộc tính SRC chỉ định địa chỉ web hoặc URL mà trình duyệt có thể truy xuất tệp hình ảnh.Ngoài thuộc tính SRC, hình ảnh nội tuyến HTML có thể được xác định bởi ba thuộc tính tùy chọn.Đó là Alt, Align và ISMAP. Thuộc tính Alt cung cấp một phương án thay thế văn bản hình ảnh nội tuyến.Vì vậy, trong trường hợp trình duyệt của người xem không hỗ trợ đồ họa, người xem sẽ thấy văn bản thay cho hình ảnh.Sử dụng thuộc tính Alt rất được khuyến khích.Giá trị thuộc tính Alt có thể là một chuỗi trống.Ví dụ, nếu có một hình ảnh trang trí, nó không cần phải cung cấp văn bản thay thế cho nó.Do đó, giá trị thuộc tính Alt có thể được để trống. Phong cách hình ảnh nội tuyến có thể được đặt với thuộc tính căn chỉnh.Thuộc tính Align cho biết trình duyệt nơi hình ảnh nội tuyến phải xuất hiện liên quan đến văn bản trên trang web.Hình ảnh nội tuyến có thể được căn chỉnh với phần trên, giữa hoặc dưới cùng của văn bản liền kề trên trang web. Với thuộc tính ISMAP, một hình ảnh nội tuyến có thể được đánh dấu là một bản đồ hình ảnh hoạt động.Điều này có nghĩa là các phần khác nhau của hình ảnh có thể được thực hiện để tạo ra các hành động khác nhau bất cứ khi nào ai đó nhấp vào các phần khác nhau.Ví dụ: nếu có một hình ảnh nội tuyến hiển thị Trái đất và Sao Thổ, việc nhấp vào Trái đất có thể dẫn đến thông tin về Trái đất và nhấp vào Sao Thổ có thể dẫn đến thông tin về Sao Thổ. Không giống như các thuộc tính Alt và Align, thuộc tính ISMAP không hoạt động bởiChỉ bao gồm trong thẻ IMG.Nó yêu cầu một số cấu hình được thực hiện trên máy chủ.Một số lượng kiến thức lập trình cũng có thể được yêu cầu.