ホームページ >ウェブフロントエンド >htmlチュートリアル >html preタグの使い方を詳しく解説

html preタグの使い方を詳しく解説

黄舟オリジナル: 2017-07-08 10:56:383470ブラウズ

htmlでのpreタグの使い方

<html>
<head>
</head>
<body>
12344
</body>
</html>

上記のWebページのソースコードを出力したいのですが、
それでpreタグを使う場合はどうすればいいのでしょうか？

<pre class="brush:php;toolbar:false">
     这里写你想写的代码~~~~

このように使われます

<html>
<head>
</head>
<body>
    12344
<pre class="brush:php;toolbar:false">
<html>
<head>
</head>
<body>
    12344
</body>
</html>

なぜこのように書くのが間違っているのでしょうか？

pre 要素で許可されるテキストには、リンク、画像、水平方向の区切り線に加えて、物理スタイルとコンテンツベースのスタイルのバリエーションを含めることができます。他のタグ (3499910bf9dac5ae3c52d5ede7383485 タグなど) を e03b848252eb9375d56be284e690e873 ブロック内に配置すると、HTML/XHTML ドキュメントの他の部分に配置されたかのように扱われます。
これを行う必要があります

<pre class="brush:php;toolbar:false"><html><br><head><br></head><br><body><br>    12344<br></body><br></html>

Baidu は & lt; & gt; (スペースなし) をそれぞれ表すコードを変更していることに注意してください。使い方？

textarea 問題ありません

<textarea name="textarea" id="textarea" cols="45" rows="5">
<html>
<head>
</head>
<body>
<code><br>
</textarea>

今回は分かりました、10点だけ追加します、ありがとうございます。

e03b848252eb9375d56be284e690e873bc5574f69a0cba105bc93bd3dc13c4ecこのタグは、それに含まれるテキストのレイアウトと形式をそのまま表示できます。入力した内容は、スペースも含めてそのまま出力されます。スペースや改行を表すために 82c2f54f4cf245029ffb326befd49b3f を使用する必要はありません。
これは、ソースコードを表示するための優れたソリューションです。そうでしょう？

ああ、per で HTML コードを書きたい場合は、覚えておく必要があります

a8093152e673feb7aba1828c43532094 を a8093152e673feb7aba1828c43532094 として直接記述することはできず、エンティティ形式で記述する必要があります

<pre class="brush:php;toolbar:false">
$(
function() {
$("#selectBox").mousemove(
function(event) {
$("span:eq(0)").html($("#selectArea").position().left);
$("span:eq(1)").html(event.offsetX);
if ($("#selectArea").css("position") == "absolute") {
$("#selectArea").css({ left: event.clientX - $("img").offset().left });
$("#selectArea").css({ top: event.clientY - $("img").offset().top });
}
if ($("#selectArea").css("position") == "relative") {
$("#selectArea").css({ left: -(300 - event.offsetX) });
$("#selectArea").css({ top: event.offsetY });
}
}
);
}
);
</per>

以上がhtml preタグの使い方を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：CSS3の新機能の紹介次の記事：CSS3の新機能の紹介

続きを見る