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

实例:

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

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

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

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

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

相关推荐
mCell12 小时前
如何零成本搭建个人站点
前端·程序员·github
mCell13 小时前
为什么 Memo Code 先做 CLI:以及终端输入框到底有多难搞
前端·设计模式·agent
恋猫de小郭13 小时前
AI 在提高你工作效率的同时,也一直在增加你的疲惫和焦虑
前端·人工智能·ai编程
寻寻觅觅☆13 小时前
东华OJ-基础题-106-大整数相加(C++)
开发语言·c++·算法
少云清13 小时前
【安全测试】2_客户端脚本安全测试 _XSS和CSRF
前端·xss·csrf
萧曵 丶13 小时前
Vue 中父子组件之间最常用的业务交互场景
javascript·vue.js·交互
银烛木13 小时前
黑马程序员前端h5+css3
前端·css·css3
m0_6070766013 小时前
CSS3 转换,快手前端面试经验,隔壁都馋哭了
前端·面试·css3
听海边涛声13 小时前
CSS3 图片模糊处理
前端·css·css3
IT、木易13 小时前
css3 backdrop-filter 在移动端 Safari 上导致渲染性能急剧下降的优化方案有哪些?
前端·css3·safari