Các khái niệm cơ bản về Nhãn cho CSS3 - núm vú

Thẻ

đã có mặt trong CSS trong một thời gian dài - quá lâu, trên thực tế, nó đã mang một chút hành lý trên đường đi. Các nhà phát triển nghĩ rằng thẻ

hỗ trợ các thuộc tính nhất định có thể ngạc nhiên khi thấy rằng nó không - ít nhất không phải là nữa - bởi vì các thuộc tính này đã bị không dùng nữa (gỡ bỏ) vì các phiên bản HTML mới đã xuất hiện trên cảnh.

Ví dụ: thuộc tính align không có sẵn trong HTML5 - nó đã bị phản đối trong HTML4 bởi vì CSS đã cung cấp các lựa chọn thay thế tốt cho thuộc tính align. Thật không may, một mất mát của sự phản đối, longdesc, ảnh hưởng đến những người có nhu cầu đặc biệt, nhưng ít trang web thực sự thực hiện tính năng này hữu ích anyway. Danh sách dưới đây cung cấp cho bạn danh sách cập nhật các thuộc tính mà bạn có thể sử dụng để tham khảo.

• alt: Cung cấp mô tả văn bản về hình ảnh cho những người không thể nhìn thấy nó. Trình đọc màn hình sẽ mô tả hình ảnh cho người đó. Điều quan trọng là giữ cho mô tả ngắn và tập trung. Mặc dù một bức tranh trị giá hàng ngàn từ, người xem có lẽ sẽ không có thời gian để nghe tất cả.

• crossorigin: Cho phép sử dụng các hình ảnh nằm trên máy chủ khác như được chỉ định trong một thẻ

  kèm theo trong một thẻ. Trình duyệt sẽ hoạt động như thể hình ảnh được phục vụ bởi máy chủ cục bộ chứ không phải là máy chủ nước ngoài. Bởi vì hình ảnh nằm trên máy chủ khác, thuộc tính src thường được sửa đổi để bao gồm các chi tiết máy chủ bổ sung.

  Để sử dụng tính năng này, bạn cũng phải cung cấp tiêu đề HTTP gốc mô tả vị trí của máy chủ. Bạn cũng có thể sử dụng JavaScript để truy cập thông tin này (xem Mạng Phát triển Mozilla để làm ví dụ về việc này). Thuộc tính này có thể có các giá trị sau:

  • Ẩn danh: Máy chủ nước ngoài không yêu cầu đăng nhập đặc biệt để sử dụng hình ảnh.

  • use-credentials: Máy chủ nước ngoài yêu cầu tên người dùng và mật khẩu để truy cập vào hình ảnh. Chứng chỉ được cung cấp bằng nhiều cách khác nhau, bao gồm cả cookie, x. 509 hoặc xác thực HTTP cơ bản.

• chiều cao: Chỉ định độ cao của một hình ảnh sử dụng bất kỳ đơn vị đo được hỗ trợ.

• ismap: Chỉ định rằng hình ảnh là một bản đồ phía máy chủ khi được đưa vào (không có giá trị liên kết với thuộc tính này). Hình ảnh được lập bản đồ có thể được sử dụng để thực hiện tất cả các tác vụ, chẳng hạn như hoạt động như một bản đồ trang web (hướng người xem đến các vị trí khác trong trang web).

• src: Xác định nguồn của hình ảnh. Thông thường, thuộc tính này chứa một URL đơn giản. Tuy nhiên, khi bạn đang làm việc với thuộc tính crossorigin, src sẽ có ý nghĩa mới (xem mục nhập thuộc tính crossorigin để biết chi tiết).

• usemap: Chỉ định rằng hình ảnh là một bản đồ phía máy khách. Bạn cung cấp tên của thẻ để sử dụng với hình ảnh.

• chiều rộng: Chỉ định độ rộng của một hình ảnh sử dụng bất kỳ đơn vị đo được hỗ trợ.