I> thẻ biểu tượng html

Chúng tôi hứa sẽ không hiển thị nhiều hơn một quảng cáo nhỏ trên mỗi trang. Đừng lo, ẩn tin nhắn này sẽ đảm bảo bạn sẽ không bị cằn nhằn nữa

Bộ biểu tượng

Một bộ biểu tượng chứa một số lượng glyphs tùy ý

Các biểu tượng phục vụ một chức năng rất giống với văn bản trong một trang. Trong các biểu tượng ngữ nghĩa nhận được một thẻ đặc biệt cho phép đánh dấu viết tắt khi đặt văn bản bên cạnh

Ngữ nghĩa bao gồm một cổng hoàn chỉnh của Font Awesome 5. 0. 8 được thiết kế bởi nhóm FontAwesome cho bộ biểu tượng tiêu chuẩn của nó

Tải xuống

Tải xuống SVG để sử dụng hoặc chỉnh sửa

Tải xuống SVG

phông chữ biểu tượng

Sử dụng phông chữ web?

điểm mã

  • bảng chữ cái. U+F5B0
  • CSS. \F5B0
  • JS. \uF5B0
  • HTML.

Sao chép HTML

Dán SVG ngay vào mã dự án của bạn


  
  

Tôi nhảy vào đây hơi muộn, nhưng tình cờ thấy trang này khi tự mình suy ngẫm về nó. Tất nhiên tôi không biết Facebook hay Twitter biện minh như thế nào, nhưng đây là quá trình suy nghĩ của riêng tôi về giá trị của nó

Cuối cùng, tôi kết luận rằng cách làm này không phải là vô nghĩa [đó có phải là một từ không?]. Trên thực tế, bên cạnh sự ngắn gọn và sự liên tưởng thú vị của "i dành cho biểu tượng", tôi nghĩ đó thực sự là sự lựa chọn ngữ nghĩa nhất cho một biểu tượng khi một thẻ đơn giản là không thực tế

1. Việc sử dụng phù hợp với thông số kỹ thuật

Mặc dù nó có thể không phải là thứ mà W3 chủ yếu nghĩ đến, nhưng đối với tôi, có vẻ như thông số kỹ thuật chính thức cho có thể chứa một biểu tượng khá dễ dàng. Rốt cuộc, biểu tượng mũi tên trả lời đang nói "trả lời" theo một cách khác. Nó thể hiện một thuật ngữ kỹ thuật có thể không quen thuộc với người đọc và thường được in nghiêng. ["Ở đây tại Twitter, đây là cái mà chúng tôi gọi là mũi tên phản hồi. "] Và đó là một thuật ngữ từ ngôn ngữ khác. một ngôn ngữ tượng trưng

Nếu, thay vì biểu tượng mũi tên, Twitter đã sử dụng shout out hoặc [Japanese character for reply] [trên trang tiếng Anh], điều đó sẽ phù hợp với thông số kỹ thuật. Vậy thì tại sao không phải là 0? . ]

Theo như tôi có thể thấy, phần duy nhất của thông số kỹ thuật bị vi phạm rõ ràng do sử dụng biểu tượng là cụm từ "khoảng văn bản" [khi thẻ cũng không chứa văn bản]. Rõ ràng là thẻ chủ yếu dành cho văn bản, nhưng đó là một chi tiết khá nhỏ so với mục đích tổng thể của thẻ. Câu hỏi quan trọng đối với thẻ này không phải là nó chứa định dạng nội dung gì, mà là ý nghĩa của nội dung đó là gì

Điều này đặc biệt đúng khi bạn cho rằng ranh giới giữa "văn bản" và "biểu tượng" có thể gần như không tồn tại trên các trang web. Văn bản có thể trông giống biểu tượng hơn [như trong ví dụ tiếng Nhật] hoặc biểu tượng có thể trông giống văn bản [như trong nút jpg có nội dung "Gửi" hoặc ảnh mèo có chú thích phủ] hoặc văn bản có thể được thay thế hoặc cải tiến bằng . Văn bản, hình ảnh - ai quan tâm? . Miễn là tất cả mọi người - con người bị khiếm khuyết, trình duyệt bị khiếm khuyết, trình thu thập dữ liệu của công cụ tìm kiếm và các loại máy móc khác có thể hiểu được ý nghĩa đó, thì chúng tôi đã hoàn thành công việc của mình

Vì vậy, thực tế là những người viết thông số kỹ thuật đã không nghĩ [hoặc chọn] để làm rõ điều này không nên trói tay chúng ta làm những gì có ý nghĩa và phù hợp với tinh thần của thẻ. Ban đầu, thẻ được dự định đưa người dùng đến một nơi khác, nhưng bây giờ nó có thể bật lên một hộp đèn. Rất tiếc, phải không? . Xử lý tương tự với - bất kể loại thứ gì bạn đặt bên trong nó, hoặc bạn sử dụng nó một cách sáng tạo như thế nào, nó đều thể hiện ý tưởng chung về một thuật ngữ thay thế hoặc tách biệt

2. Thẻ thêm ý nghĩa ngữ nghĩa cho phần tử biểu tượng

Tùy chọn thay thế để tự mang một lớp biểu tượng là , tất nhiên là không có ý nghĩa ngữ nghĩa nào. Khi một cỗ máy hỏi nó chứa gì, nó nói, "Tôi không biết. Có thể là bất cứ thứ gì. " Nhưng thẻ nói, "Tôi chứa một cách diễn đạt khác với cách nói thông thường, hoặc có thể là một thuật ngữ không quen thuộc. " Điều đó không giống như "Tôi chứa một biểu tượng", nhưng nó gần giống với nó hơn rất nhiều so với

3. Cuối cùng, việc sử dụng phổ biến làm cho đúng

Ngoài những điều trên, đáng để xem xét rằng trình đọc máy [dù là công cụ tìm kiếm, trình đọc màn hình hay bất kỳ thứ gì] có thể bất cứ lúc nào bắt đầu tính đến việc Facebook, Twitter và các trang web khác sử dụng thẻ cho các biểu tượng. Họ không quan tâm đến thông số kỹ thuật nhiều như họ quan tâm đến việc trích xuất ý nghĩa từ mã bằng bất kỳ phương tiện nào cần thiết. Vì vậy, họ có thể sử dụng kiến ​​thức về cách sử dụng phổ biến này để ghi lại một cách đơn giản rằng "có thể có một biểu tượng ở đây" hoặc làm điều gì đó nâng cao hơn như kích hoạt xem CSS để tìm gợi ý về ý nghĩa hoặc ai biết được điều gì. Vì vậy, nếu bạn chọn sử dụng các biểu tượng cho trang web của mình, bạn có thể cung cấp nhiều ý nghĩa hơn so với thông số kỹ thuật.

Hơn nữa, nếu việc sử dụng này trở nên phổ biến, nó có thể sẽ được đưa vào thông số kỹ thuật trong tương lai. Sau đó, bạn sẽ xem qua mã của mình, thay thế bằng . Vì vậy, có thể hợp lý khi bắt đầu với những gì dường như là hướng của thông số kỹ thuật, đặc biệt là khi nó không mâu thuẫn rõ ràng với thông số kỹ thuật hiện tại. Cách sử dụng phổ biến có xu hướng ra lệnh cho các quy tắc ngôn ngữ hơn là cách khác. Nếu bạn đủ lớn, bạn có nhớ rằng "Web site" là cách đánh vần chính thức khi từ này còn mới không? . Có những lý do ngữ nghĩa cho điều đó. Nhưng cách dùng thông thường nói, "Sao cũng được, điều đó thật ngu ngốc. Tôi đang sử dụng 'trang web' vì nó ngắn gọn hơn và trông đẹp hơn. " Và chẳng bao lâu, các từ điển đã chính thức thừa nhận cách viết đó là đúng

4. Vì vậy, tôi sẽ tiếp tục và sử dụng nó

Vì vậy, mang lại nhiều ý nghĩa hơn cho máy móc vì thông số kỹ thuật, nó mang lại nhiều ý nghĩa hơn cho con người vì chúng ta dễ dàng liên kết "i" với "icon" và nó chỉ dài một chữ cái. Thắng lợi. Và nếu bạn chắc chắn bao gồm văn bản tương đương bên trong thẻ hoặc ngay bên cạnh thẻ đó [như Twitter], thì trình đọc màn hình sẽ biết phải nhấp vào đâu để trả lời, liên kết có thể sử dụng được nếu CSS không tải và trình đọc của con người hoạt động tốt. . Với tất cả những điều này trong tâm trí, tôi không thấy nhược điểm

Tại sao thẻ I được sử dụng cho các biểu tượng?

Các trình duyệt cũ không hỗ trợ các phần tử giả đó tôi đã đề cập, vì vậy chúng cần sử dụng một phần tử HTML thực sự cho các biểu tượng và vì các biểu tượng không có phần tử 'độc quyền .

Chúng ta có thể sử dụng thẻ I trong HTML không?

Định nghĩa và cách sử dụng . Thẻ . Chỉ sử dụng phần tử

Lớp tôi trong HTML là gì?

HTML Thuộc tính lớp gán một hoặc nhiều tên lớp CSS cho thẻ . Tên lớp được xác định trong biểu định kiểu hoặc trong phần tử

Làm cách nào để thêm biểu tượng trong HTML bằng Font Awesome?

Bạn đặt các biểu tượng Font Awesome bằng cách sử dụng tiền tố fa và tên của biểu tượng .

Chủ Đề