Chao tong guang:html将未转义的字符呈现为转义(tracer tong)

我在<pre>标签中呈现这行代码,以在屏幕上显示为正常文本:

<img src="http://maps.googlea.com/maps/api/staticmap?zoom=7&size=700x540&sensor=false$center=London, England&markers=London, England|Leicester, England|">

然而,它在多个浏览器中被错误呈现为:

<img src="http://maps.googlea.com/maps/api/staticmap?zoom=7&size=700x540&sensor=false¢er=London, England&markers=London, England|Leicester, England|">

由于一分钱符号的转义码是&cent;而不是&cent,我看不出为什么会发生这种情况,似乎没有任法可以防止它。

另外,我的 doctype:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

如果有任何区别,这行代码将通过 Javascript 的 innerHTML 方法添加到文档中。

1

仅仅因为<pre>中缺少某些内容。并不意味着您不必再次转义它(doctype 在这里没有区别)。如果您希望&在屏幕上显示,则&的任何实例都应使用实体&amp;。有时您可以在没有它的情况下逃脱,但这只是浏览器正在宽恕它(即使浏览器也不应该尝试使用

整个事情(源)应该是:

<pre>&lt;img src=&quot;http://maps.googlea.com/maps/api/staticmap?zoom=7&amp;size=700x540&amp;sensor=false&amp;center=London,England&amp;markers=London,England|Leicester,England|&quot;&gt;</pre>

顺便说一句,这也适用于属性值,如href。人们通常是“懒惰”,而不是逃避查询字符串中的和符号,但你真的应该这样做。

本站系公益性非盈利分享网址,本文来自用户投稿,不代表边看边学立场,如若转载,请注明出处

(276)
Html选择框代码:HTML颜色选择器与颜色框(html color finder)
上一篇
全屏轮播图代码:Bootstrap轮播全屏
下一篇

相关推荐

  • css和html:Welcome to Our Website

    示例示例CSS(层叠样式表)是一种用于定义网页外观的样式表语言。它使用选择器来指定元素,并使用属性来指定元素的样式。HTML(超文本标记语言)是一种用于创建网页的标记语言。它使用标签来指定元素,并使用属性来指定元素的特性。…

    2023-06-14 05:37:19
    0 90 89
  • html嵌入js代码:My Title Hello World! document.write(

    示例示例HTML嵌入JS代码指的是将代码写在HTML文件中,以便在浏览器中运行。下面是一个示例:…

    2023-06-07 09:51:46
    0 90 21
  • html怎么做网页动态背景:Dynamic Background

    使用HTML和CSS来实现网页动态背景的方法如下:使用CSS3中的属性:…

    2023-08-13 12:04:44
    0 17 42
  • html content属性:Unlock the Power of HTML Content

    示例示例html content属性是HTML5中的一个新属性,它允许开发者在元素中插入任意内容,而不会影响文档的结构或样式。content属性可以用于添加额外的信息,如提示文本,图标,链接等。…

    2023-05-04 16:27:35
    0 25 97
  • html网页背景颜色:Beauty of the Html Webpage Background Color

    html网页背景颜色可以通过CSS中的-color属性来设置,代码如下:…

    2023-03-09 03:00:45
    0 83 54
  • 奕泽好还是chr好:ASPMVCHTML助手-好还是坏

    关于奕泽好还是chr好的问题,在html helpers中经常遇到,我理解在 ASP.NET MVC 中使用 HTML 助手并扩展它以提供您自己的原因,但我想知道使用 HTML 助手是否是一个好主意。…

    2024-05-26 12:30:47
    0 62 86
  • 好看的coser:设计好看的 HTML表单的工具(nice looking forms)

    关于好看的coser的问题,在nice looking forms中经常遇到,是否有任何免费的工具,通过它我可以设计美丽的 HTML 表单?…

    2023-10-21 07:39:13
    0 85 45
  • Class 5:HTML5:使用
    标记或class= "header"

    关于Class 5的问题,在html header element中经常遇到,随着 HTML 5 引入了新的语义标签,其中包括页眉和页脚。但我很困惑我应该使用什么,为什么?直接使用 header 标签或给 class =“header”。哪一个更好,为什么?…

    2024-11-06 03:33:26
    0 74 49

发表评论

登录 后才能评论

评论列表(36条)