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

实例:

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

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

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

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

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

相关推荐
贾伟康9 分钟前
【化学实验室|17】HarmonyOS ArkTS 亮暗色与视觉令牌实战:集中颜色、间距和交互状态避免页面割裂
前端·移动开发·harmonyos·arkts·arkui
catchadmin24 分钟前
PHP 8.7 协程新提案 让跨协程代码共享请求身份
开发语言·php
念何架构之路1 小时前
go-grpc设计思想
开发语言·后端·golang
Csvn1 小时前
SSR/SSG/ISR(上):峡谷与渲染策略的时间预算
前端
Csvn1 小时前
SSR/SSG/ISR(下):可交互性、新鲜度与回源账
前端
酷炫码神2 小时前
Day 10|Pinia 状态管理:把散落在各组件的数据,收进一个全局仓库
android·开发语言·javascript
Elastic 中国社区官方博客2 小时前
我们如何通过 70 多个拉取请求,将 OpenTelemetry Java agent 迁移到 invokedynamic
java·大数据·开发语言·elasticsearch·搜索引擎·全文检索·es
tyn1883 小时前
记录本地安装nacos服务的方法及异常
java·开发语言
步行cgn3 小时前
Spring MVC 视图机制的核心接口与类
java·开发语言·后端·spring·mvc
Elcker4 小时前
YnuoAgent(依诺):一个 npm 包,跑起属于自己的 AI 研发平台
前端·人工智能·npm