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中

标签与标签的作用与用法的详细内容,更多请关注php中文网其它相关文章!

本文原创发布php中文网,转载请注明出处,感谢您的尊重!

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

  1. html中可以有两个h1,在一个HTML中h1标签能出现几次?h1标签和标题标签

    首页 > web前端 > html教程 > 正文 在一个HTML中h1标签能出现几次?h1标签和标题标签的差别是什么? 2018-08-29 10:57:28 本篇文章主要介绍了关于 ...

  2. html中文本格式化、预格式化、计算机输出标签、address、title、文字方向、著作

    文本格式化标签: 预格式化标签pre: 网页中文本默认是显示一行,没有格式,通过<pre></pre>标签包裹会显示默认的格式. <pre> <!-- 通过p ...

  3. pre textarea code标签区别

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

  4. htmllt;pregt;标签,聊一聊HTML pre标签

    我们经常会在要保持文本格式的时候使用pre标签,比如当我们要展示源代码的时候,只要放一个pre标签,然后把源代码直接复制,粘贴,然后在页面上就可以保持好格式.不会像放在其它标签里那样,把换行和空格都自 ...

  5. HTML5span中加入超链接,HTML中文本标签,超链接标签以及图像标签的简单介绍

    文本标签 换行标签--br 是单标签,意味着它没有结束标签.起强制换行作用 段落中的文字 段落中的文字 段落中的文字 水平分割线--hr 与br相同,也是单标签.可用来区分不同段落或正文与标题.可设置 ...

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

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

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

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

  8. R语言使用gt包和gtExtras包优雅地、漂亮地显示表格数据:使用gt包可视化表格数据,使其易于阅读和理解、使用gtExtras包添加一个图,显示表中某一列中的数字、并为类型数据添加图像符号标签

    R语言使用gt包和gtExtras包优雅地.漂亮地显示表格数据:使用gt包可视化表格数据,使其易于阅读和理解.使用gtExtras包添加一个图,显示表中某一列中的数字.并为类型数据添加图像符号标签 目 ...

  9. Vue:利用Vue生成的网页,在浏览器中的标签页中的图标与标题怎么修改为自己的?

    Vue:利用Vue生成的网页,在浏览器中的标签页中的图标与标题怎么修改为自己的? 在解决这个问题的时候,在网上搜到了许多答案,可以说是众说纷纭,作者结合了多个答案,最后解决了这个问题,下面把用到的资源 ...

最新文章

  1. c++ to_string用法
  2. 拆解多轴步进电机控制器
  3. android SDK Manager 代理服务器设置
  4. hibernate多对多,转换为两个一对多
  5. Visual Studio Code 保存代码时报Applying code action Organize Imports
  6. DFT 与 ATPG综 述
  7. POJ 3254 poj3254 Corn Fields
  8. 吴永祥:政府大数据服务平台建设之道
  9. 纯CSS实现对话气泡(MD.5)
  10. 一次HTTP链接会产生多少数据流量
  11. Mysql的主键和索引
  12. 计算机网络知识点概括
  13. CTFHub | Refer注入
  14. LSI SAS9311-8i阵列卡更新固件、刷新IT模式过程详解
  15. 向列表增加元素的三种方法
  16. ARM开发板系统移植-----rootfs的制作
  17. 两步开发.NET Core剪裁器,并且开源它
  18. ThingsBoard 3.3.1源码编译-windows版
  19. Libra为何而生?Facebook为何要给 Libra创建Move语言?Calibra技术负责人给出了回答...
  20. visio的vsd文件转eps图流程

热门文章

  1. 那些年帮助我们理解各种姿势、常见协议的大神动图
  2. 【Verilog】 3-8译码器
  3. 【cisco下针对冗余链路故障备份的处理措施】
  4. Scrum 冲刺博客第四篇
  5. linux (ubuntu) 命令学习笔记
  6. 为女儿取名“王者荣耀”可想过代价?
  7. Java大神推荐,java编程基础必备(必看)
  8. 浏览器检测是否安装flash插件,若没有安装,则弹出安装提示
  9. FreeBSD 6.0架设管理与应用-附录B 制作FreeBSD安装光盘
  10. linux每天进步一点点-7月22日