18910140161

pre标签的作用是什么?

顺晟科技

2021-06-16 10:33:25

1445

htmlpre标记的定义和用法:

pre元素定义了预格式化的文本。包含在前置元素中的文本通常保留空格和换行符。文本将以等宽字体呈现。

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

可能导致段落中断的标签(如标题、p和地址标签)不得包含在pre定义的块中。虽然有些浏览器将段落结束标记解释为简单的换行,但这种行为在所有浏览器中并不相同。

pre元素中允许的文本可以包括物理样式和基于内容的样式更改,以及链接、图像和水平分隔线。当您将其他标签(如标签)放入前置块时,就像将它们放入HTML/XHTML文档的其他部分一样。请参见以下示例:

在…之前

lt。htmlgt。

lt。headgt。

lt。scripttype=quot。text/JavaScript quot;src=quot。loadxmldoc.jsquotgt。

lt。/scriptgt。

lt。/headgt。

lt。bodygt。

lt。scripttype=quot。text/JavaScript quot;gt。

xmlDoc=ahref=' DOM _ loadxmldoc . ASP ' Loadxmldoc/a(quot;books.xmlquot);

document . write(quot;xmlDocisloaded,readyforusequot);

lt。/scriptgt。

lt。/bodygt。

lt。/htmlgt。

/pre

在上面的代码中,前置标签中的特殊符号被转换成符号实体,如“lt;”对于“”,“gt;”代表“”。另外,请注意蓝色代码。我们使用前标签中的链接,即A标签。上面的代码显示如下:

超文本标记语言

script type=' text/JavaScript ' src=' loadxmldoc . js '

/script

/head

身体

scripttype='text/javascript '

xmlDoc=Loadxmldoc(' books . XML ');

document . write(' xmldoxloaded,ready foruse ');

/script

/body

/html

htmlpre标记:的可选属性

宽度:数字:定义每行的更大字符数(通常为40、80或132)。

htmlpre标签的功能和说明:

1.标签可以定义预格式化文本。包含在pre元素中的文本通常保留空格和换行符,文本将以相同宽度的字体呈现。这个标签的一个常见应用是表示计算机的源代码。

2.此元素中允许的文本可以包括基于内容的物理样式和样式更改,以及链接、图像和水平分隔线。当您将其他标签(如标签)放入前置块时,就像将它们放入HTML/XHTML文档的其他部分一样。

3.标签中的特殊符号被转换为符号实体,如“lt;”对于“”,“gt;”代表“”。

4.可能导致段落中断的标记(如h1、P和地址标记)不应尽可能多地包含在pre定义的块中。我试过现在的浏览器(Google,IE,Firefox),虽然一段话结尾的标签可以解释为简单的换行,但是代码编辑器会报告一个错误‘invalid locationoftag(h1)’。

!DOCTYPEhtml

超文本标记语言

metacharset='utf-8 '

/head

身体

Pre你好。我是娜塔莉

我将在h1成为一名技术人员。

HTML和XHTML的区别

在HTML4.01中,不允许使用pre元素的“宽度”属性。

在XHTML1.0StrictDTD中,不支持pre元素的“width”属性。

提示和注意事项:

提示:tab可以在pre tag定义的块中发挥应有的作用,每个tab占用8个字符。但是我们不建议使用,因为Tab的实现在不同的浏览器中是不一样的。在用前置标签格式化的文档段中使用空格可以确保文本的水平位置正确。

提示:如果你想用前置标签来定义计算机源代码,如HTML源代码,请用符号实体来表示特殊字符,如' lt;'对于“”,“gt;”对于“”,“amp”代表“”。

提示:在W3School中,页面中的很多源代码实例都是由pre标签定义的。您可以参考这些页面,了解如何使用该标签。我们甚至将前置标签和代码标签结合起来,以获得更准确的语义。

本文转载自中文网站

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航