Heim >Web-Frontend >HTML-Tutorial >Ausführliche Erläuterung der Verwendung von HTML-Pre-Tags

Ausführliche Erläuterung der Verwendung von HTML-Pre-Tags

黄舟
黄舟Original
2017-07-08 10:56:383467Durchsuche

So verwenden Sie das Pre-Tag in HTML

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

Der Quellcode der obigen Webseite, dann möchte ich den Quellcode jetzt ausgeben -
Was soll ich tun, wenn ich das verwende? Pre-Tag?

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

So wird es verwendet

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

Warum ist es falsch, es so zu schreiben? Zulässiger Text im

pre-Element kann physische Stile und inhaltsbasierte Stilvariationen sowie Links, Bilder und horizontale Trennlinien umfassen. Wenn andere Tags (z. B. das 3499910bf9dac5ae3c52d5ede7383485-Tag) innerhalb des e03b848252eb9375d56be284e690e873-Blocks platziert werden, werden sie so behandelt, als ob sie in anderen Teilen des HTML-/XHTML-Dokuments platziert würden.
Sie müssen dies also tun

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

Beachten Sie, dass Baidu den Code geändert hat & lt; Wie benutzt man es?

textarea Kein Problem


Ich verstehe dieses Mal, ich werde 10 Punkte hinzufügen, danke.

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

e03b848252eb9375d56be284e690e873bc5574f69a0cba105bc93bd3dc13c4ec Dieses Tag kann das Textlayout und -format intakt anzeigen. Was Sie eingeben, wird unverändert ausgegeben, einschließlich der von Ihnen eingegebenen Leerzeichen. Es ist nicht erforderlich, 82c2f54f4cf245029ffb326befd49b3f zur Darstellung von Leerzeichen oder Wagenrückläufen zu verwenden.


Warum ist es falsch, so zu schreiben?

<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>
<head>
</head>
<body>
    12344
<pre class="brush:php;toolbar:false">
<html>
<head>
</head>
<body>
    12344
</body>
</html>
Oh, wenn Sie HTML-Code in Per schreiben möchten, müssen Sie bedenken, dass

a8093152e673feb7aba1828c43532094 nicht direkt als a8093152e673feb7aba1828c43532094 geschrieben werden kann, sondern in Entity geschrieben werden muss Formular

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der Verwendung von HTML-Pre-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn