html - XMPタグなしでソースコードを表示する

Question

HTML5 WebサイトでXMP要素を使用せずにタグを含むHTMLマークアップを表示するにはどうすればよいですか？

WebサイトはHTML5で作成されており、HTML、C++などに関するチュートリアルが表示されます。

そのため、多くのプログラミング言語のソースコードを表示する必要があります。

Answer 1

最も頻繁に使用される代替手段は、HTML で特別な意味を持つ<pre>or<code>要素とエスケープ文字を使用することです。<になると<、>にエスケープされ>ます。

Can I escape html tags within a class (recreate the xmp tag)? によると、、XMP タグは引き続き使用できます。What was the <XMP> tag used for? によると、ブラウザーは引き続きそれをサポートする必要があります。、<pre>使用するのに適した要素です。

Answer 2

<pre> および <code> タグは、<pre> タグと同じ機能を提供しません。仕様から削除したのは間違いだったと思います。ブラウザーの作成者が削除しないことを願っています。適切だと思われる状況で引き続き使用するためです。

コードの正確な内容 (HTML、「C」など) を表示したい場合や、「<」を引用し始めた場合に発生する可能性のあるエラーを導入したくない場合があります。 「>」、および任意の文字。引用したいのは、やや大きな「C」プログラムかもしれませんし、サンプル HTML コードかもしれません。彼らがタグを削除して、まったく同じことを実行できるものを提供しないのは、せいぜい少し素朴です。

このサイトで生成された HTML を調べたところ、「C」コードを少し挿入して次のようなものを作成した場合に使用できます。

#include <stdio.h>

初期化。「<」を「<」に置き換えます。および「>」と「>」(この時点で正しく入力するには、'&lt' と '&gt' に変更する必要がありました)。このことからわかるように、サンプルの HTML テキストを表示しようとして pre タグがあると、複雑になります。私が最初にこの問題に遭遇したのは、HTML ページを使用して、私が書いたコードを文書化し、山括弧が原因で stdio.h の #include が正しく表示されなかったときです。