GN⁺: 제가 가장 좋아하는 색상은 척 노리스 레드입니다
(htmhell.dev)-
웹페이지에서 텍스트 색상 설정하기
- 일반적으로 CSS의
color
속성을 사용하여 웹페이지의 텍스트 색상을 설정함. - 그러나 HTML만을 사용하여 색상을 정의하는 방법도 있음.
- 일반적으로 CSS의
-
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 표준 및 색상 파싱에 대한 추가 정보 제공.
Hacker News 의견
-
이 기사는 13년 전 Stack Overflow 질문의 내용을 재활용한 것 같음
- 인터넷에서 만들어진 흥미로운 것들은 마케팅에 이용될 것임
- 오래된 Reddit 사용자와 포럼 기여자들이 그들의 작업에서 창출된 가치를 얻지 못한 것이 아쉬움
- 적어도 기사의 끝부분에서 참조되었다는 점은 좋음
-
'chocolate'이 '#c0c0a0'로 줄어드는 결과가 마음에 듦
-
글은 좋았지만, 저자는 실수했음: chucknorris는 빨간색으로 렌더링되지 않음, 빨간색이 chucknorris로 렌더링됨
-
웹의 관대한 특성이 좋음
- TypeScript와 같은 엄격함은 비즈니스와 작업에 좋음
- HTML, CSS, JavaScript의 관대한 특성이 많은 채택을 이끌었음
- Rust가 많은 문제에 직면하는 것을 보면서, 언어 문제가 아니라 생태계 크기 문제일 수 있음
- 엄격함과 완벽함을 원한다면, 네이티브 애플리케이션이 적합함
- 웹은 매우 빠르게 렌더링됨
-
Chuck Norris는 색상이 아님
- 브라우저가 이를 지적하기를 두려워함
-
"o"를 "0"으로 대체할 수 있음
- 예: 'coffee'는 '#c0ffee'로 변환됨
- 'baobab'은 '#ba0bab', 'decode'는 '#dec0de'로 변환됨
-
브라우저가 덜 관대하고 완벽함을 강요해야 한다는 의견이 있음
- 완벽한 웹은 지루할 것임
- 웹이 무엇이든 작동하도록 만드는 것이 중요함
- 표준에 대한 불일치를 방지하는 것이 중요함
-
색상 이름은 숫자에 이름을 붙이는 것과 같음
- 이를 게임으로 만들었음
-
관대한 태도가 컴퓨터 범죄를 가능하게 한다는 점에서 동의함
- 보안은 중요한 대가임
- 구형 기술 애호가들은 샌드박스된 VM에서 구형 웹 브라우저를 실행할 수 있음
-
의도치 않은 붉은색 변환일 수 있음