用“立少→万能汉编”写静态网页,关键词<源码文本>

实例:

例子1:

<网页>

<主体>

<源码文本>

这是

预格式文本。

它保留了空格

和换行。

</源码文本>

<段落>源码文本标签很适合显示计算机代码:</段落>

<源码文本>

fori=1to10

printi

nexti

</源码文本>

</主体>

</网页>

例子2:

<源码文本>

&lt;html&gt;

&lt;head&gt;

&lt;scripttype="text/javascript"src="loadxmldoc.js"&gt;

&lt;/script&gt;

&lt;/head&gt;

&lt;body&gt;

&lt;scripttype="text/javascript"&gt;

xmldoc=<超链接超引用="dom_loadxmldoc.asp">loadxmldoc</超链接>("books.xml");

document.write("xmldocisloaded,readyforuse");

&lt;/script&gt;

&lt;/body&gt;

&lt;/html&gt;

</源码文本>


定义和用法:

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

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

可以导致段落断开的标签(例如标题、<段落>和<作者信息>标签)绝不能包含在<源码文本>所定义的块里。尽管有些浏览器会把段落结束标签解释为简单地换行,但是这种行为在所有浏览器上并不都是一样的。

源码文本元素中允许的文本可以包括物理样式和基于内容的样式变化,还有链接、图像和水平分隔线。当把其他标签(比如<超链接>标签)放到<源码文本>块中时,就像放在网页文档的其他部分中一样即可。请看上面的例:2

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

<网页>

<头部>

<脚本类型="文本/对象脚本"资源地址="loadxmldoc.js">

</脚本>

</头部>

<主体>

<脚本类型="文本/对象脚本">

xmldoc=loadxmldoc("books.xml");

document.write("xmldocisloaded,readyforuse");

</脚本>

</主体>

</网页>

所有浏览器都支持<源码文本>标签。

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

提示:如果您希望使用<源码文本>标签来定义计算机源代码,比如网页源代码,请使用符号实体来表示特殊字符,比如"<"代表"<",">"代表">","&"代表"&"。

提示:在本网站中中,非常多页面中的源代码实例都是通过<源码文本>标签定义的,您可以参考这些页面,学习如何使用该标签。我们甚至把<源码文本>标签与<代码文本>标签结合起来使用,以获得更加精确的语义。

<源码文本>标签支持网页中的全局属性。

<源码文本>标签支持网页中的事件属性。

相关推荐
小兵张健2 小时前
价值1000的 AI 工作流:Codex 通用前端协作模式
前端·aigc·ai编程
sunny_2 小时前
面试踩大坑!同一段 Node.js 代码,CJS 和 ESM 的执行顺序居然是反的?!99% 的人都答错了
前端·面试·node.js
拉不动的猪3 小时前
移动端调试工具VConsole初始化时的加载阻塞问题
前端·javascript·微信小程序
ayqy贾杰4 小时前
Agent First Engineering
前端·vue.js·面试
IT_陈寒4 小时前
SpringBoot实战:5个让你的API性能翻倍的隐藏技巧
前端·人工智能·后端
iceiceiceice5 小时前
iOS PDF阅读器段评实现:如何从 PDFSelection 精准还原一个自然段
前端·人工智能·ios
大金乄5 小时前
封装一个vue2的elementUI 表格组件(包含表格编辑以及多级表头)
前端·javascript
葡萄城技术团队6 小时前
【性能优化篇】面对万行数据也不卡顿?揭秘协同服务器的“片段机制 (Fragments)”
前端
程序员阿峰6 小时前
2026前端必备:TensorFlow.js,浏览器里的AI引擎,不写Python也能玩转智能
前端
Jans6 小时前
Shipfe — Rust 写的前端静态部署工具:一条命令上线 + 零停机 + 可回滚 + 自动清理
前端