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

实例:

例子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的实现各不相同。在用<源码文本>标签格式化的文档段中使用空格,可以确保文本正确的水平位置。

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

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

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

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

相关推荐
arvin_xiaoting1 小时前
OpenClaw学习总结_I_核心架构_8:SessionPruning详解
前端·chrome·学习·系统架构·ai agent·openclaw·sessionpruning
工程师老罗2 小时前
Image(图像)的用法
java·前端·javascript
早點睡3903 小时前
ReactNative项目OpenHarmony三方库集成实战:react-native-swiper
javascript·react native·react.js
globaldomain3 小时前
什么是用于长距离高速传输的TCP窗口扩展?
开发语言·网络·php
沈阳信息学奥赛培训3 小时前
#undef 指令 (C/C++)
c语言·开发语言·c++
2401_873204653 小时前
分布式系统安全通信
开发语言·c++·算法
jump_jump3 小时前
深入 JavaScript Iterator Helpers:从 API 到引擎实现
javascript·性能优化
swipe3 小时前
把 JavaScript 原型讲透:从 `[[Prototype]]`、`prototype` 到 `constructor` 的完整心智模型
前端·javascript·面试
问道飞鱼4 小时前
【前端知识】React 组件生命周期:从底层原理到实践场景
前端·react.js·前端框架·生命周期
Dxy12393102164 小时前
JS发送请求的方法详解
开发语言·javascript·ecmascript