A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© naruto2205 中级黑马   /  2013-12-15 13:05  /  1417 人查看  /  9 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

本帖最后由 naruto2205 于 2013-12-15 21:15 编辑

在HTML中<p>和<pre>在使用中的区别

9 个回复

倒序浏览
1. pre 标签是按原文显示标签,可以把原文件中的空格,回车,换行,tab键表现出来;
2. pre标签是成对出现的,以<pre>开始,以</pre>结束;
3. p 标签是段落标签,里面可以加入文字,列表,表格等;
4. p标签是成对出现的,以<p>开始,以</p>结束 。

评分

参与人数 1技术分 +1 收起 理由
V_John + 1

查看全部评分

回复 使用道具 举报
每一个段落用<p>包裹起来。而<pre>也可以表示段落,不过这里面的东西,你写的什么样子,它就显示成什么样子,比如多个空格,还有换行之类的

评分

参与人数 1技术分 +1 收起 理由
V_John + 1

查看全部评分

回复 使用道具 举报
pre标签就是按原样输出,你在html文档中写的是什么样式,输出到页面上显示的就是什么样式。
回复 使用道具 举报
<p>会忽略掉内容中的空格、回车、制表符和换行,而<pre>不会
回复 使用道具 举报
本帖最后由 如远行客 于 2013-12-15 14:12 编辑

<p>标签是段落标签,跟其他标签一样,只是它里面的文字是独占一行的,另外,<p>标签也是一个带有语气或者说重要性的标签,即它会告诉浏览器里面的内容是相对重要的,在做搜索引擎优化的时候一般会考虑语气这个东西。
<pre>标签是预保留格式的标签,即标签里面的内容、格式都会显示在浏览器里的,比如很多空格,换行,回车,对齐等等,浏览器都会按照标签里格式显示出来的,这个标签一般是在网页上附着代码时候用的(因为代码的排版很重要,对可读性的影响很大),其他时候一般是不会用这个标签的。

评分

参与人数 1技术分 +1 收起 理由
V_John + 1

查看全部评分

回复 使用道具 举报
<br>换行
<p>从起段落
pre是按原样输出..保留所有的空格和换行符..

br简单的只是从br的位子开始换一行
回复 使用道具 举报
<p>标签   
  格式,   
  忽略多余 的回车换行 和 Tab、空格</p>   
   
<pre>  标签
  格式化文本,保留所有空格、回车 和Tab  

  </pre>

评分

参与人数 1技术分 +1 收起 理由
V_John + 1

查看全部评分

回复 使用道具 举报
<p>一般的格式, 忽略多余的回车换行和Tab、空格   
   
<pre> 就是原样输出,格式化文本,保留所有空格、回车 和Tab 一般用于书写代码或诗歌。

评分

参与人数 1技术分 +1 收起 理由
V_John + 1

查看全部评分

回复 使用道具 举报
师弟 中级黑马 2013-12-15 17:12:35
10#
<p>自然就是一个段落,忽略空格,回车。p和p之间明显有一个换行。
<pre>就是你在代码区是什么样子在浏览时就是什么样子,所见既所得吧

评分

参与人数 1技术分 +1 收起 理由
V_John + 1

查看全部评分

回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马