为了账号安全,请及时绑定邮箱和手机立即绑定

pre标签的作用

没理解什么意思?代码段难道会显示在页面上吗?

正在回答

3 回答

666666

0 回复 有任何疑惑可以回复我~

如果你现在页面上展示一段代码,就用<pre>标签把它包裹起来,你的代码就会转换为字符串展现在页面上啦~还有一个就是在html中不论你是敲击空格还是回车换行,都是会合并的如果你想输入一段有空格又换行的文字,不通过css样式,就可以用<pre>包裹起来,就会有空格和换行啦~

你可以先输入这段代码

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>pre标签</title>
</head>
<body>
<p>hah   ha
  
  hoh oho
  
  lalalal</p>
</body>
</html>

然后输入这段代码

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>pre标签</title>
</head>
<body>
  <pre>
    <p>hah   ha
  
    hoh oho
  
     lalalal
    </p>
  </pre>
</body>
</html>

看出区别来了么?

1 回复 有任何疑惑可以回复我~
#1

qq_绅士_12

看出来了 挺好
2018-03-12 回复 有任何疑惑可以回复我~

引用长文本的标签

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1226044    人
  • 解答问题       18236    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

pre标签的作用

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信