1 คะแนน โดย GN⁺ 2024-12-21 | 1 ความคิดเห็น | แชร์ทาง WhatsApp
  • การตั้งค่าสีข้อความบนเว็บเพจ

    • โดยทั่วไปจะใช้พร็อพเพอร์ตี color ของ CSS เพื่อตั้งค่าสีข้อความบนเว็บเพจ
    • อย่างไรก็ตาม ยังมีวิธีกำหนดสีโดยใช้ HTML เพียงอย่างเดียวได้เช่นกัน
  • แอตทริบิวต์สีใน HTML

    • ใน HTML เวอร์ชันเก่า สามารถใช้แอตทริบิวต์ color เพื่อตั้งค่าสีข้อความได้
    • ตัวอย่างเช่น ใช้งานในรูปแบบ <font color="#d72b2b">HTMHell rules!</font>
    • เมื่อรันโค้ดนี้ในเบราว์เซอร์ ข้อความจะแสดงเป็นสีแดง
  • การจัดการค่าที่ไม่ใช่สีอย่างถูกต้อง

    • โดยทั่วไป 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 ความคิดเห็น

 
GN⁺ 2024-12-21
ความคิดเห็นจาก Hacker News
  • บทความนี้ดูเหมือนจะนำเนื้อหาจากคำถามใน Stack Overflow เมื่อ 13 ปีก่อนกลับมาใช้ใหม่

    • สิ่งน่าสนใจที่ถูกสร้างขึ้นบนอินเทอร์เน็ตย่อมถูกนำไปใช้ในการตลาด
    • น่าเสียดายที่ผู้ใช้ Reddit รุ่นเก่าและผู้มีส่วนร่วมในฟอรัมไม่ได้รับคุณค่าที่เกิดจากงานของพวกเขา
    • อย่างน้อยก็ดีที่มีการอ้างอิงไว้ในตอนท้ายของบทความ
  • ชอบผลลัพธ์ที่ chocolate ถูกย่อเป็น #c0c0a0

  • บทความดี แต่ผู้เขียนเข้าใจผิด: chucknorris ไม่ได้ถูกเรนเดอร์เป็นสีแดง แต่สีแดงต่างหากที่ถูกเรนเดอร์เป็น chucknorris

  • ชอบความยืดหยุ่นของเว็บ

    • ความเข้มงวดแบบ TypeScript นั้นดีต่อธุรกิจและงาน
    • ความยืดหยุ่นของ HTML, CSS, JavaScript เป็นสิ่งที่นำไปสู่การยอมรับอย่างกว้างขวาง
    • เมื่อเห็น Rust เผชิญปัญหามากมาย ก็อาจไม่ใช่ปัญหาของภาษา แต่เป็นปัญหาเรื่องขนาดของระบบนิเวศ
    • ถ้าต้องการความเข้มงวดและความสมบูรณ์แบบ แอปพลิเคชันเนทีฟอาจเหมาะกว่า
    • เว็บเรนเดอร์ได้เร็วมาก
  • Chuck Norris ไม่ใช่สี

    • เบราว์เซอร์กลัวเกินกว่าจะชี้เรื่องนี้ออกมา
  • สามารถแทนที่ o ด้วย 0 ได้

    • ตัวอย่าง: coffee จะถูกแปลงเป็น #c0ffee
    • baobab จะเป็น #ba0bab และ decode จะเป็น #dec0de
  • มีความเห็นว่าเบราว์เซอร์ควรยืดหยุ่นน้อยลงและบังคับให้สมบูรณ์แบบมากขึ้น

    • เว็บที่สมบูรณ์แบบคงน่าเบื่อ
    • สิ่งสำคัญคือทำให้เว็บทำงานได้ไม่ว่าจะเป็นอะไร
    • การป้องกันความไม่สอดคล้องกันของมาตรฐานเป็นเรื่องสำคัญ
  • ชื่อสีเหมือนกับการตั้งชื่อให้ตัวเลข

    • มีคนนำมันไปทำเป็นเกม
  • เห็นด้วยว่าท่าทีที่ยืดหยุ่นเปิดช่องให้เกิดอาชญากรรมคอมพิวเตอร์ได้

    • ความปลอดภัยคือราคาที่ต้องจ่ายที่สำคัญ
    • ผู้ชื่นชอบเทคโนโลยีเก่าสามารถรันเว็บเบราว์เซอร์รุ่นเก่าใน VM แบบแซนด์บ็อกซ์ได้
  • อาจเป็นการแปลงเป็นสีแดงโดยไม่ได้ตั้งใจ