1. ホーム
  2. html

[解決済み] <code> vs <pre> vs <samp> for inline and block code snippets

2022-03-14 03:52:30

Question

My site is going to have some inline code ("when using the foo() function...") and some block snippets. These tend to be XML, and have very long lines which I prefer the browser to wrap (i.e., I don't want to use <pre> ). I'd also like to put CSS formatting on the block snippets.

It seems that I can't use <code> for both, because if I put CSS block attributes on it (with display: block; ), it will break the inline snippets.

I'm curious what people do. Use <code> for blocks, and <samp> for inline? Use <code><blockquote> などが考えられますか?

実際のHTMLは、他のユーザーがメンテナンスすることになるので、クラスは避けて、なるべくシンプルにしたいですね。

どのように解決するのですか?

完全に見逃していたこと:ラップしない動作の <pre> は、CSSで制御することができます。だから、これは私が探していた結果を正確に与えてくれるのです。

code { 
    background: hsl(220, 80%, 90%); 
}

pre {
    white-space: pre-wrap;
    background: hsl(30,80%,90%);
}
Here's an example demonstrating the <code>&lt;code&gt;</code> tag.

<pre>
Here's a very long pre-formatted formatted using the &lt;pre&gt; tag. Notice how it wraps?  It goes on and on and on and on and on and on and on and on and on and on...
</pre>

http://jsfiddle.net/9mCN7/