나는 이런 식으로 뭔가 할 수 있기를 원하는

Question

해석하지 않고 표시되는 HTML을 얻는 방법 :

<code> 

//my html which will just be pasted in and not parsed, for people to read/copy, goes here 
<h1>hello world</h1> 

<code> 

내가 코드 태그와 그 안에, type="text/plain" 및 display: block;있는 스크립트 태그를 사용할 수 있다는 것을 알고를 그것은 CSS로,하지만 그것은 반응하지 않습니다 그리고 그것은 나던하지 않습니다.

온라인으로 보았지만이 문제를 해결할 수있는 방법이 없었습니다.

난 HTML, CSS 또는 JS를 표시 목적으로 붙여 넣을 수 있고 분석 할 수없고 스타일이 가능하고 응답 성이 좋은 곳을 원한다.

누구나이 문제를 해결하는 가장 좋은 방법이 있습니까?

Answer 1

코드 주위에 <xmp> 태그를 사용할 수 있습니다. 그것은 당황해하고 장래에 비추천 될 수 있지만, 브라우저는 여전히 그것을 지원하고 모든 것을 원시 HTML로 해석하여 그에 따라 표시 할 것입니다. Mozilla's documentation과 SO: Show source code without XMP tag에 대한 자세한 설명을 참조하십시오. xmp 없이는 pre 또는 code 태그로 모두 < 및 >을 이스케이프 처리해야합니다.