HTML

 标签

定义和用法

pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

 标签的一个常见应用就是用来表示计算机的源代码。

可以导致段落断开的标签(例如标题、

标签)绝不能包含在
 所定义的块里。尽管有些浏览器会把段落结束标签解释为简单地换行,但是这种行为在所有浏览器上并不都是一样的。

pre 元素中允许的文本可以包括物理样式和基于内容的样式变化,还有链接、图像和水平分隔线。当把其他标签(比如 标签)放到

 块中时,就像放在 HTML/XHTML 文档的其他部分中一样即可。

提示和注释

提示:制表符(tab)在

 标签定义的块当中可以起到应有的作用,每个制表符占据 8 个字符的位置。但是我们不推荐使用它,因为在不同的浏览器中,Tab 的实现各不相同。在用 
 标签格式化的文档段中使用空格,可以确保文本正确的水平位置。

提示:如果您希望使用

 标签来定义计算机源代码,比如 HTML 源代码,请使用符号实体来表示特殊字符,比如 "<" 代表 "","&" 代表 "&"。

HTML 与 XHTML 之间的差异

在 HTML 4.01 中,pre 元素的 "width" 属性是不被赞成使用的。

在 XHTML 1.0 Strict DTD 中,pre 元素的 "width" 属性是不被支持的

pre 标签很适合显示计算机代码:

for i = 1 to 10

print i

next i

HTML 标签

定义和用法

标签用于表示计算机源代码或者其他机器可以阅读的文本内容。

软件代码的编写者已经习惯了编写源代码时文本表示的特殊样式。 标签就是为他们设计的。包含在该标签内的文本将用等宽、类似电传打字机样式的字体(Courier)显示出来。

只应该在表示计算机程序源代码或者其他机器可以阅读的文本内容上使用 标签。虽然 标签通常只是把文本变成等宽字体,但它暗示着这段文本是源程序代码。将来的浏览器有可能会加入其他显示效果。例如,程序员的浏览器可能会寻找 片段,并执行某些额外的文本格式化处理,如循环和条件判断语句的特殊缩进等。

html中pre的作用是,HTML pre 标签与code标签的作用与用法相关推荐

  1. No.17 pre标签 与 code标签

    pre标签.特性 pre 元素可定义预格式化的文本.被包围在 pre 元素中的文本通常会保留空格和换行符.而文本也会呈现为等宽字体.<pre> 标签的一个常见应用就是用来表示计算机的源代码 ...

  2. php中pre标签,html中pre标签与code标签的作用与用法

    HTML 标签 定义和用法 pre 元素可定义预格式化的文本.被包围在 pre 元素中的文本通常会保留空格和换行符.而文本也会呈现为等宽字体. 标签的一个常见应用就是用来表示计算机的源代码. 可以导致 ...

  3. 零基础学习HTML(8)——pre标签、code标签

    文章目录 官方资料 学习正文 注:学习笔记基于小甲鱼学习视频,官方论坛: https://fishc.com.cn/forum.php 官方资料 鱼C课程案例库:https://ilovefishc. ...

  4. php中pre标签作用,HTML元素pre标签的使用方法及作用

    html元素 标签常见用途是表示计算机的源代码,且会保留空格和换行符.有关该标签的使用方法及作用介绍如下: 标签的定义 标签定义预格式化的文本,且文本以等宽字体呈现: 标签最常见的用途是表示计算机的源 ...

  5. pre textarea code标签区别

    这篇文章里面放的大都是我自己写程序的时候遇到的一些小问题,其实都是自己没有掌握的点,别人看起来应该很简单啦,但写下来能提醒自己,也能鼓励一下自己,这条路也不好走哇. <pre> <t ...

  6. [html] html5中的meta标签http-equiv属性有什么作用?

    [html] html5中的meta标签http-equiv属性有什么作用? http-equiv是http5新增的属性,用于把 content 属性关联到 HTTP 头部,可模拟响应头.例如:con ...

  7. c语言中{的作用,C语言中Static和Const关键字的作用

    C语言中Static和Const关键字的作用 程序的局部变量存在于(堆栈)中,全局变量存在于(静态区 )中,动态申请数据存在于(堆)中.那么关于C语言中Static和Const关键字的作用,你了解多少 ...

  8. 机械键盘插入linux系统中,机械键盘背光灯不亮,并且键盘快捷键无作用

    Linux问题解决专栏 第四篇:机械键盘插入linux系统中,机械键盘背光灯不亮,并且键盘快捷键无作用. 一.问题描述:在笔记本或者台式机中使用外接键盘的时候,键盘的LED灯总是不亮,不论是虚拟机或者 ...

  9. linux中sl是什么命令,都知道linux中的ls命令,但是你知道sl命令是什么作用吗?...

    都知道linux中的ls命令,但是你知道sl命令是什么作用吗? ls指令: ls命令在linux操作系统中即list,其意思是列出当前目录下的文件 我们也可以用ls -a 来查看目录下的所有文件,包括 ...

  10. html方法标签不起作用,Angular中innerHTML标签的样式不起作用的原因解析

    1.背景 在最近angular的项目中,需要用到[innerHTML]标签来指定一个div的样式: //HTML部分 //TS部分 contents = ' 商品信息栏位商品信息介绍 '; 但是上面的 ...

最新文章

  1. vivo统一告警平台建设与实践
  2. TensorFlow object detection api------ssd_mobilenet使用
  3. SQL Server的WAITFOR DELAY注入
  4. 奇奇怪怪的大佬:理发店小弟到阿里P10
  5. 010 数据结构逆向—链表
  6. java笔记(3):String(2)
  7. apache启动报错记录
  8. Asp.Net Core下的开源任务调度平台ScheduleMaster—快速上手
  9. 【渝粤教育】广东开放大学 javaweb 动态网站开发技术 形成性考核 (53)
  10. 一个文章表的 MySQL 索引怎么建立合理
  11. AI算力霸主诞生!英伟达发布首款安培架构GPU,性能提升20倍
  12. python venv jenkins_Jenkins+Pytest+Allure集成测试环境
  13. swagger map示例_Android Google Map Street View示例
  14. 整体二分初识--POJ2104:K-th Number
  15. 教你用报表工具搭建企业考核系统
  16. Linux TCP/IP 网络工具对比:net-tools 和 iproute2
  17. U盘因为有写保护,不能格式化,该怎么办
  18. Lattice PCIe 学习 1
  19. tkinter做界面的一点心得(丑而简单)
  20. 计算机网络实验:802.3协议分析和以太网

热门文章

  1. TOGAF ADM 架构开发方法概述以及各个阶段的目的和交付物
  2. 笔记本电脑上没有计算机软件,笔记本电脑无需安装软件,无需联网,也可无线投影在投影仪上显示...
  3. springboot+nodejs+vue+Elementui网上商城购物系统
  4. [境内法规]中国人民银行关于印发《反洗钱现场检查管理办法(试行)》的通知—银发〔2007〕175号
  5. php 数组添加键值对,php怎么为数组增加键值对
  6. 终于找全了!质量总监、质量经理、计划主管..质量部27个岗位职责
  7. VC2012换字体问题
  8. 多个条码标签如何在一张纸上打印
  9. ERP实施项目的计划阶段要点分析
  10. Android开发,MapBox地图详细介绍、使用、部分功能实现(初始化、标记、定位、styleurl)