HTML의 <code> 태그에 대한 구문 강조 색상 설정

Question

이런 코드 조각에서는...

    {
      내부푸()
      {
        for (int i = 0; i < 42; ++i);
      }
    }

...다양한 키워드 등이 내 브라우저에 표시될 때 색상이 지정됩니다.

"소스 보기"를 클릭하면 이 색상을 구현하기 위한 특별한 HTML 코드가 표시되지 않습니다.

그렇다면 특정 구문의 색상 강조는 어떻게 구현됩니까? 예를 들어 브라우저에 내장되어 있습니까? 아니면 브라우저에서 DOM을 편집하는 웹사이트별 JavaScript를 통해 구현됩니까?

Google 검색을 통해 답변하기 어려운 질문이라는 것을 알았습니다.

Answer 1

meta.SE에는 매우 유용한 FAQ가 있습니다. 구문 강조란 무엇이며 어떻게 작동하나요? .

매우 상세합니다. 편의를 위해 귀하의 질문과 가장 관련 있는 부분을 인용하겠습니다:

---

어떻게 작동하나요?

게시물을 생성하거나 편집할 때 질문의 태그에 따라 입력을 중지한 후 5초 후에 구문 강조가 미리보기에 할당됩니다.

Stack Exchange에는 자체 구문 강조 엔진이 없습니다. highlight.js를 사용하며 반드시 최신 버전의 라이브러리를 사용하지 않을 수도 있습니다. 따라서 구문 강조와 관련된 버그 및 기능 요청은 Stack Exchange에서 처리할 수 없습니다.

내 코드가 올바르게 강조표시되지 않는 이유는 무엇인가요?

[ 원본 게시물 계속 읽기... ]

Answer 2

Stack Overflow는 구문 강조를 위해 Google의 prettify JS 라이브러리를 사용합니다. HTML이 서버에서 클라이언트로 전송된 후에 실행됩니다. 그렇기 때문에 원본 HTML 소스 코드에서는 볼 수 없습니다. FireBug와 같은 브라우저 플러그인이 설치되어 있는 경우 prettify가 완료된 후 DOM을 검사할 수 있습니다.

2020년 9월 14일 업데이트: Stack Overflow가 Google의 prettify에서 하이라이트.js로 전환되었습니다.