2010-02-11 4 views

답변

2

: 나는 그것을 할 어떻게 예를 들어 I에 유래에서 나는 4 공백을 사용, 태그와 이미지 태그를 보여주고 싶어요.

사전 태그 내부에있는 모든 내용은 해석되지 않습니다.

는 브라우저에이 시도 :

<pre> 
&lt;img src="whatever" /&gt; 
&lt;othertag&gt;whatever&lt;/otherta&gt; 
</pre> 

편집 : 페카가 지적한 바와 같이, HTML 태그에 대한 기호는 자신의 HTML 엔티티로 변환해야합니다.

+0

내 브라우저에서 아니므 - 여전히 해석 된 이미지가 표시됩니다. 이게 옳은 거니? IIRC를 사용하면 어떤 경우에도 제어 문자에서 HTML 엔티티를 만들 필요가 있습니다. –

+0

네 말이 맞아, 상징은 각각의 HTML 엔티티로 변환되어야한다. 실수로 유감스럽게 생각한다. –

5

출력을 포맷하려면 pre 요소를 사용할 수 있습니다.

Howver, 당신은 여전히 ​​HTML 엔티티 &lt;&gt; 등의 HTML 태그를 일반 텍스트로 올려 브라우저에 의해 렌더링되지 않도록에 특수 문자 <>'"&을 설정해야합니다.

PHP을 사용할 수있는 경우 htmlspecialchars()입니다. 모든 서버 측 스크립팅 언어에는 이와 동일한 기능이 있습니다.

자바 스크립트 에서 pre 컨테이너의 innerText 속성을 설정하면 HTML 해석으로 문자 그대로가 아니라 표시되는에 연결됩니다.

수동으로 수행 할 경우, 이것은 당신이 변환해야 할 것입니다 :

& to &amp; 
> to &gt; 
< to &lt; 
" to &quot; 
' to &#039 

source

1

당신은 <pre><code> 태그의 조합을 사용할 수 있습니다. <pre> 태그는 소스 코드에있는 그대로 모든 것을 포맷하고 (소스의 큰 블록을 표시하는 데 유용합니다), <code> 태그는 코드의 인라인 형식 지정에 사용됩니다 (이 답변의 태그 형식과 유사). 또한 <code> 태그 안의 모든 내용은 HTML 특수 문자 (예 : & gt 및 & lt)로 변환해야합니다.

관련 문제