Maison >interface Web >tutoriel HTML >Explication détaillée de l'utilisation des balises pré html

Explication détaillée de l'utilisation des balises pré html

黄舟original: 2017-07-08 10:56:383467parcourir

Comment utiliser la balise pre en html

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

Le code source de la page Web ci-dessus, alors je souhaite afficher le code source maintenant -
Que dois-je faire si j'utilise le pré-tag ?

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

C'est comme ça qu'on l'utilise

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

Pourquoi est-ce mal de l'écrire comme ça ? Le texte autorisé dans l'élément

pre peut inclure des styles physiques et des variations de style basées sur le contenu, ainsi que des liens, des images et des séparateurs horizontaux. Lorsque vous placez d'autres balises (telles que la balise 3499910bf9dac5ae3c52d5ede7383485) à l'intérieur du bloc e03b848252eb9375d56be284e690e873, elles sont traitées comme si elles étaient placées dans d'autres parties du document HTML/XHTML.
Vous devez donc faire ceci

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

Notez que Baidu a modifié le code & lt; Comment l'utiliser ?

textarea Pas de problème

Je comprends cette fois, j'ajouterai 10 points, merci.

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

e03b848252eb9375d56be284e690e873bc5574f69a0cba105bc93bd3dc13c4ec Cette balise peut afficher la disposition et le format du texte intacts. Ce que vous saisissez sera affiché inchangé, y compris les espaces que vous saisissez. Il n'est pas nécessaire d'utiliser 82c2f54f4cf245029ffb326befd49b3f pour représenter les espaces ou les retours chariot
C'est en effet une bonne solution pour afficher le code source

Pourquoi est-ce mal d’écrire ainsi ?

<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, vous voulez écrire du code html en per, alors vous devez vous rappeler que
a8093152e673feb7aba1828c43532094 ne peut pas être écrit directement comme a8093152e673feb7aba1828c43532094, il doit être écrit sous forme d'entité

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Introduction aux nouvelles fonctionnalités de CSS3Article suivant：Introduction aux nouvelles fonctionnalités de CSS3

Articles Liés

Voir plus