สีโปรดของผมคือสีแดงแบบ Chuck Norris
(htmhell.dev)-
การตั้งค่าสีข้อความบนเว็บเพจ
- โดยทั่วไปจะใช้พร็อพเพอร์ตี
colorของ CSS เพื่อตั้งค่าสีข้อความบนเว็บเพจ - อย่างไรก็ตาม ยังมีวิธีกำหนดสีโดยใช้ HTML เพียงอย่างเดียวได้เช่นกัน
- โดยทั่วไปจะใช้พร็อพเพอร์ตี
-
แอตทริบิวต์สีใน HTML
- ใน HTML เวอร์ชันเก่า สามารถใช้แอตทริบิวต์
colorเพื่อตั้งค่าสีข้อความได้ - ตัวอย่างเช่น ใช้งานในรูปแบบ
<font color="#d72b2b">HTMHell rules!</font> - เมื่อรันโค้ดนี้ในเบราว์เซอร์ ข้อความจะแสดงเป็นสีแดง
- ใน HTML เวอร์ชันเก่า สามารถใช้แอตทริบิวต์
-
การจัดการค่าที่ไม่ใช่สีอย่างถูกต้อง
- โดยทั่วไป HTML ไม่มีสถานะข้อผิดพลาด และเบราว์เซอร์จะพยายามจัดการค่าที่ไม่ถูกต้องให้ได้มากที่สุด
- ตัวอย่างเช่น แม้จะเป็นค่าสีที่ไม่ถูกต้องอย่าง
<font color="chucknorris">เบราว์เซอร์ก็จะตีความเป็นสีแดง
-
กฎการแยกวิเคราะห์ค่าสี
- การจัดการเบื้องต้น: ลบ
#ที่อยู่ต้นค่าออก - การแทนที่อักขระที่ไม่ถูกต้อง: อักขระที่ไม่ใช่ 0-9 หรือ A-F/a-f จะถูกแทนด้วย
0 - การปรับความยาวให้เป็นมาตรฐาน: หากสตริงยาว 0 หรือมีความยาวไม่เป็นพหุคูณของ 3 จะเติม
0เพิ่ม - การแบ่งเป็น RGB: แบ่งสตริงออกเป็นสามส่วน เพื่อนำไปใช้เป็นค่าแดง เขียว และน้ำเงิน
- การจัดการความยาว: หากแต่ละองค์ประกอบยาวเกิน 8 ตัวอักษร จะตัดออกจากด้านซ้าย
- การสร้างสีสุดท้าย: นำค่าแดง เขียว และน้ำเงินสุดท้ายมารวมกันเพื่อสร้างสี
- การจัดการเบื้องต้น: ลบ
-
การจัดการสีในเบราว์เซอร์สมัยใหม่
- CSS จะไม่ปฏิเสธค่าที่ไม่ถูกต้องทันทีเมื่อจัดการค่าสี แต่จะปรับค่าแทน
- ตัวอย่างเช่น
rgb(300, -50, 1000)จะถูกแปลงเป็นrgb(255, 0, 255)
-
ความยืดหยุ่นของเว็บ
- เว็บถูกสร้างขึ้นบนพื้นฐานของความยืดหยุ่น ซึ่งทำให้เว็บไซต์จากปี 1996 ยังสามารถเรนเดอร์ได้ในเบราว์เซอร์สมัยใหม่
- เว็บที่สมบูรณ์แบบเกินไปอาจน่าเบื่อ และเว็บควรสามารถรองรับอินพุตที่หลากหลายได้
-
แหล่งอ้างอิง
- มีการให้ข้อมูลเพิ่มเติมเกี่ยวกับมาตรฐาน HTML และการแยกวิเคราะห์สี
1 ความคิดเห็น
ความคิดเห็นจาก Hacker News
บทความนี้ดูเหมือนจะนำเนื้อหาจากคำถามใน Stack Overflow เมื่อ 13 ปีก่อนกลับมาใช้ใหม่
ชอบผลลัพธ์ที่
chocolateถูกย่อเป็น#c0c0a0บทความดี แต่ผู้เขียนเข้าใจผิด: chucknorris ไม่ได้ถูกเรนเดอร์เป็นสีแดง แต่สีแดงต่างหากที่ถูกเรนเดอร์เป็น chucknorris
ชอบความยืดหยุ่นของเว็บ
Chuck Norris ไม่ใช่สี
สามารถแทนที่
oด้วย0ได้coffeeจะถูกแปลงเป็น#c0ffeebaobabจะเป็น#ba0babและdecodeจะเป็น#dec0deมีความเห็นว่าเบราว์เซอร์ควรยืดหยุ่นน้อยลงและบังคับให้สมบูรณ์แบบมากขึ้น
ชื่อสีเหมือนกับการตั้งชื่อให้ตัวเลข
เห็นด้วยว่าท่าทีที่ยืดหยุ่นเปิดช่องให้เกิดอาชญากรรมคอมพิวเตอร์ได้
อาจเป็นการแปลงเป็นสีแดงโดยไม่ได้ตั้งใจ