Màu tôi thích nhất là đỏ Chuck Norris
(htmhell.dev)-
Thiết lập màu chữ trên trang web
- Thông thường, dùng thuộc tính
colorcủa CSS để thiết lập màu chữ trên trang web. - Tuy nhiên, cũng có cách định nghĩa màu chỉ bằng HTML.
- Thông thường, dùng thuộc tính
-
Thuộc tính màu trong HTML
- Ở các phiên bản HTML trước đây, có thể dùng thuộc tính
colorđể đặt màu chữ. - Ví dụ, dùng như sau:
<font color="#d72b2b">HTMHell rules!</font>. - Khi chạy đoạn mã này trên trình duyệt, văn bản sẽ hiển thị màu đỏ.
- Ở các phiên bản HTML trước đây, có thể dùng thuộc tính
-
Xử lý giá trị màu không hợp lệ
- HTML nhìn chung không có trạng thái lỗi, và trình duyệt sẽ cố xử lý các giá trị sai nhiều nhất có thể.
- Ví dụ, ngay cả một giá trị màu không hợp lệ như
<font color="chucknorris">cũng sẽ được trình duyệt xử lý thành màu đỏ.
-
Quy tắc phân tích giá trị màu
- Dọn dẹp ban đầu: loại bỏ ký tự
#ở đầu giá trị. - Thay thế ký tự không hợp lệ: các ký tự không nằm trong 0-9 hoặc A-F/a-f sẽ được thay bằng
0. - Chuẩn hóa độ dài: nếu chuỗi có độ dài bằng 0 hoặc không phải bội số của 3 thì thêm
0vào. - Chia thành RGB: chia chuỗi thành ba phần để dùng lần lượt làm giá trị đỏ, xanh lá và xanh dương.
- Xử lý độ dài: nếu mỗi thành phần dài quá 8 ký tự thì loại bỏ từ bên trái.
- Tạo màu cuối cùng: kết hợp các giá trị đỏ, xanh lá và xanh dương cuối cùng để tạo ra màu.
- Dọn dẹp ban đầu: loại bỏ ký tự
-
Cách trình duyệt hiện đại xử lý màu sắc
- Khi xử lý giá trị màu không hợp lệ, CSS không bác bỏ giá trị mà sẽ điều chỉnh lại.
- Ví dụ,
rgb(300, -50, 1000)sẽ được chuyển thànhrgb(255, 0, 255).
-
Sự linh hoạt của web
- Web được xây dựng dựa trên tính linh hoạt, nhờ đó các website từ năm 1996 vẫn có thể được render trên trình duyệt hiện đại.
- Một web hoàn hảo có thể sẽ nhàm chán, và web cần có khả năng xử lý nhiều kiểu đầu vào khác nhau.
-
Tài liệu tham khảo
- Cung cấp thêm thông tin về tiêu chuẩn HTML và cách phân tích màu sắc.
1 bình luận
Ý kiến Hacker News
Có vẻ bài viết này đã tái sử dụng nội dung từ một câu hỏi trên Stack Overflow cách đây 13 năm
Thích kết quả
'chocolate'bị rút gọn thành'#c0c0a0'Bài viết hay, nhưng tác giả đã nhầm: chucknorris không được render thành màu đỏ, mà màu đỏ được render thành chucknorris
Tôi thích tính dễ dãi của web
Chuck Norris không phải là màu
Có thể thay chữ
"o"bằng"0"'coffee'được chuyển thành'#c0ffee''baobab'thành'#ba0bab','decode'thành'#dec0de'Có ý kiến cho rằng trình duyệt nên bớt dễ dãi và buộc phải hoàn hảo hơn
Đúng là thái độ dễ dãi đã tạo điều kiện cho tội phạm máy tính
Có thể đây là một phép chuyển đổi sang màu đỏ ngoài ý muốn