当前位置: 首页 > 面试题库 >

是否有HTML / CSS方式显示HTML标签而不进行解析?

柴茂材
2023-03-14
问题内容

有什么方法可以显示HTML标签而不进行解析?像这样的标签XMP以前工作得很好,但是现在被它取代的PRE并不是那么酷。看一下这个例子:

//This used to NOT PARSE HTML even if you used standard < and >.
<XMP>
<a hred="http://example.com">Link</a>
</XMP>

//New PRE tag requires &lt; and &gt; as replacement for < and >.
<PRE>
&#60;a href="http://example.com"&#62;Link&#60;/A&#62;
</PRE>

我正在寻找的等效于旧的XMP标签。新的PRE标签将解析代码。


问题答案:

您可以将script元素及其type设置用于表示纯文本,并将其display属性设置为block。这仅影响解析行为:除了元素本身的结束标记之外,无法识别任何标记(标记,实体或字符引用)</script>。(所以它不是
一样xmp,这里的认可标签</xmp>。)你可以单独做空白处理类似的xmppre和/或设置字体等宽为默认的那些元素。

例:

<style>
    script {
        display: block;
    }
</style>

然后在文档正文中:

<script type="text/plain">
    <i>&eacute;</i>
</script>

在IE,Chrome,Firefox,Opera的最新版本上进行了测试。在IE 9的IE 8和IE 7仿真中不起作用,但这可能是仿真中的错误。

但是,我不明白为什么您会用它代替xmp,但它并没有停止工作。它不在规格中,但是如果您担心这一点,则应该一直担心。可以避免地在HTML
2.0中提及(有史以来的第一个HTML规范),但在HTML 3.2中已弃用它,而在HTML 4.0中将其完全删除(很久以前:1997年)。

xmp正在卷土重来而不是死亡。W3C
HTML5(由W3C工作人员描述为当前HTML规范)声明xmp已过时且不符合规定,但也对浏览器提出了要求:“用户代理必须在语义和目的上xmp以等同于pre元素的方式对待元素渲染。(尽管解析器对此元素具有特殊的行为。)因此,旧的解析行为不是明确要求的,而是明确隐含的。



 类似资料:
  • 问题内容: 因此,我在大学期间正在学习有关HTML列表的知识,这位教授说与其他标记(如和)一起没有结尾标记。那是正确的吗?因为最后我看到了很多使用tag的模板/主题,还有许多网站也教您存在,所以我不确定该相信谁以及正确的使用方式是什么? 我问这个问题的原因是因为上次我们了解了标记,他说,当您将鼠标悬停在该属性上时,该属性会为您提供一个显示在图像上方的文本,当我在此处询问该属性时,它仅是替换图像的替

  • 问题内容: 我还找不到任何能说明默认显示等于CSS显示属性的内容。我问,因为每当我尝试向标签添加填充或边距时,它都不会添加,因此我必须为其添加display属性。 我不知道这是否是特定于浏览器的,但是它的默认显示是否会说(我显然知道不是)。 问题答案: 默认情况下始终为。水平边距和所有侧面的填充都应该起作用,而不必更改其属性。 即使在HTML5中也是如此。如果将样式应用于包含流程元素或CSS中以表

  • 问题内容: 在MDN的文档中: 题: 可以在元素的 属性下以的值显示图像 或在伪元素上使用属性,例如 是否可以渲染文档,元素位于 ? 另请参阅CSS生成的内容模块级别3 该属性指示在元素或伪元素内部呈现的内容。它需要用逗号分隔的URI列表,然后是用空格分隔的令牌列表。如果提供了多个URI,则依次尝试每个URI,直到找到一个既可用又受支持的值。如果其他值失败,则最后一个值用作备用。 对于值的最后一个

  • 本文向大家介绍HTML标签 和 有什么区别?,包括了HTML标签 和 有什么区别?的使用技巧和注意事项,需要的朋友参考一下 <div>和<span>均用于定义网页的各个部分。<span>元素显示文档的内联部分。<div>元素显示文档的块级部分。 div是块级元素,而span是内联元素。 div应该用于包装文档的各个部分,而跨度则用于包装文本,图像等的一小部分。 这是一个例子: 在HTML中创建基于

  • HTML 标签 HTML5 标签集合 文档章节 <body> 页面内容 <header> 文档头部 <nav> 导航 <aside> 侧边栏 <article> 定义外部内容(如外部引用的文章) <section> 一个独立的块 <footer> 尾部 页面通常结构 文本标签 <!-- 默认超链接 --> <a href="http://sample-link.com" title="Sampl

  • HTMl标签(Lables)指的是可以放置在图表中任意位置的文字标签,由于最终的文字标签是以 SVG 渲染的,所以标签的内容只支持少量的 HTML 标签,包括:<b>、<strong>、<i>、<em>、<br/>、<span>,其中 可以通过 style 属性来设定样式,但是有效的样式仅限和文字相关的属性。HTML 标签的基本构造是: labels: { style: {