定义和用法

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

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

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

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

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

 块中时,就像放在 HTML/XHTML 文档的其他部分中一样即可。请看下面的例子:

<html>

<head>

<script type="text/javascript" src="loadxmldoc.js">

</script>

</head>

<body>

<script type="text/javascript">

xmlDoc=loadXMLDoc("books.xml");

document.write("xmlDoc is loaded, ready for use");

</script>

</body>

</html>

在上面的代码中,

 标签中的特殊符号被转换为符号实体,比如 "<" 代表 ""。另外,请注意蓝色的代码,我们在 
 标签中使用了链接,也就是  标签。上面这段代码的显示效果如下:

xmlDoc=loadXMLDoc("books.xml");

document.write("xmlDoc is loaded, ready for use");

html标签的pre语义,HTML pre 标签相关推荐

  1. pre标签:预先排版的文本展示标签

    <pre></pre>可以将文本预格式化,在代码编辑页面的排版布局可以直接显示在网页上,可以用一个标签更快的将文本排版布局来替代简单的多个区域.换行的div块布局. 被包围在 ...

  2. html5中新增的语义化的标签

    html5是html最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定.目标是取代1999年所制定的HTML 4.01和XHTML 1.0标准,以期能在互联网应用迅速发展的时候,使网络 ...

  3. html语义化标签和无语义化标签

    什么是HTML语义化标签 语义化的标签,旨在让标签有自己的含义,让浏览器认识这个标签所传达的信息,是干什么的有什么作用. 比如:h1标题标签的语义是用它来标识网页或其他部分最重要的标题. 然而span ...

  4. 语义分割之 标签生成

    语义分割之 标签生成 一. Labelme 生成工具单张生成 二. Labelme 生成工具批量生成 三. 自己写代码生成标签图像 1. 提取图形类型与点坐标并画图 2. 生成标签图像和可视化图像 3 ...

  5. HTML 字体标签 图片标签 列表标签 链接标签 div span 语义化标签 表格标签

    文章目录 HTML 字体标签 图片标签 列表标签 链接标签 div span 语义化标签 表格标签 HTML 概念:是最基础的网页开发语言 Hyper text markup language 超文本 ...

  6. 语义分割的标签在原图像上显示

    最近在做医学图像的语义分割,新手一枚,现实情况是小朋友我真得有很多问号[手动捂脸哭].经过一段时间的钻(tuo)研(fa),终于有了些许眉目,也有时间在这里记录一下自己的一些想法.这篇博客主要介绍一种 ...

  7. 表达无序列表语义的html标签是,HTML 标签语义

    什么是HTML HTML全称是HyperText Markup Language,翻译过来就是超文本标记语言.它定义了网页的内容和结构. 为什么要使用语义化标签 可读性.可维护性 html有很多标签, ...

  8. web从零开始做网站:三.HTML标签:1.常用文本标签图像标签

    文章目录 前言 主要以实操的形式为大家讲解. 一.古诗一首 当我们把带格式的古诗放进body里面 1.换行标签 2.h标签 3.p标签 4.居中 5.文本格式化标签标签 6.特殊字符 7.pre标签 ...

  9. 【html】常见的行标签(inline)、块标签(block)和行块标签(inline-block)特点及相互转换

    常见的HTML标签 前言 一.行标签 1.span标签 2.a标签 3.i标签.b标签和em标签.strong标签 4.其他的行标签 5.行标签特点 二.块标签 1.div标签 2.标题(H1-H6) ...

最新文章

  1. 在B站如何不动一根手指,就可以养成6级大佬?
  2. 要素图层范围查询属性arcgis api for js
  3. arm linux qt 输入法,基于ARM9和Qt的中文手写输入法的设计与实现
  4. javascript基本语法(输入输出语句,变量常量,数据类型,运算符,流程控制语句,数组,函数)
  5. 团队-爬虫豆瓣top250项目-模块开发过程
  6. 数字积分法插补c语言程序,数字积分法插补原理
  7. 建造游乐园(play)
  8. Windows 7如何无线上网和宽带上网
  9. 拓端tecdat|R语言无监督学习:PCA主成分分析可视化
  10. 解决办法:NVIDIA驱动,Ubuntu16.04 用户登录界面死循环
  11. 极客大学产品经理训练营 产品思维和产品意识(中) 第4课总结
  12. matlab网格划分提取坐标,ANSYS-划分网格后导出单元和结点坐标等信息
  13. linux弹窗指令_Linux弹出U盘的正确姿势(命令行)
  14. iPad mini 6 评测:多功能升级,一手掌握的极佳手感,适合娱乐休闲
  15. 作业二:wireshark抓包与ping操作
  16. 一级计算机考试报名 全国计算机一级报名考试入口官网
  17. 冯·诺依曼体系结构 -- 理解
  18. 性能服务器主板如何进bois,各种主板进入BIOS设置的图文教程
  19. 【项目】游戏开发期末大作业 之 基于Java的小游戏 “大鱼吃小鱼“ (代码素材齐全)
  20. vue 解决重复点击导航路由报错 问题

热门文章

  1. 《中国人工智能学会通讯》——12.33 众包知识库补全方法概览
  2. java.util.concurrent.ExecutionException: org.apache.catalina.LifecycleException: Failed to start com
  3. openwrt拦截snmp报文
  4. [ACM] hdu 1285 确定比赛 (拓扑排序)
  5. C# Excel导入、导出
  6. Android应用程序与SurfaceFlinger服务的连接过程分析
  7. 剧情很有趣:安全专家被骗记
  8. hbase 学习(十五)缓存机制以及可以利用SSD作为存储的BucketCache
  9. 判断本地是否存在Jquery文件,如果不存在则使用CDN加速的Jquery文件
  10. Oracle 9i DBA Fundamentals I学习笔记(六)