HTML의 <code> 태그에 대한 구문 강조 색상 설정
P粉032649413
P粉032649413 2023-08-22 16:48:45
0
2
675
<p>이런 코드 조각에서는...</p> <pre class="brush:cs;toolbar:false;"> { 내부푸() { for (int i = 0; i < 42; ++i); } } </pre> <p>...다양한 키워드 등이 내 브라우저에 표시될 때 색상이 지정됩니다. </p> <p>"소스 보기"를 클릭하면 이 색상을 구현하기 위한 특별한 HTML 코드가 표시되지 않습니다. </p> <p>그렇다면 특정 구문의 색상 강조는 어떻게 구현됩니까? 예를 들어 브라우저에 내장되어 있습니까? 아니면 브라우저에서 DOM을 편집하는 웹사이트별 JavaScript를 통해 구현됩니까? </p> <p>Google 검색을 통해 답변하기 어려운 질문이라는 것을 알았습니다. </p>
P粉032649413
P粉032649413

모든 응답(2)
P粉191610580

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

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


어떻게 작동하나요?

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

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

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

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

P粉604848588

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

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

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿